*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Inter,Arial,sans-serif}a{text-decoration:none}

.login-page{height:100vh;overflow:hidden;background:radial-gradient(circle at 10% 10%,#fff1df 0,transparent 30%),radial-gradient(circle at 92% 88%,#f5d6ff 0,transparent 34%),#f7f8fc;display:grid;place-items:center;padding:18px;color:#172033}
.login-shell{width:min(1500px,96vw);height:min(760px,94vh);display:grid;grid-template-columns:1.05fr .95fr;border-radius:34px;overflow:hidden;box-shadow:0 35px 90px rgba(38,26,73,.20);background:#fff}
.login-promo{position:relative;overflow:hidden;background:linear-gradient(145deg,#ff9b0c 0%,#ff4432 34%,#eb0f70 68%,#7b2bd8 100%);color:#fff;padding:42px 52px}
.login-promo:after{content:"";position:absolute;inset:auto -180px -280px 20%;height:520px;border-radius:50%;background:rgba(37,24,119,.20);transform:rotate(-10deg)}
.login-promo-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.09)}.shape-one{width:430px;height:430px;right:-160px;top:-170px}.shape-two{width:340px;height:340px;left:-180px;bottom:-150px}
.login-promo-dots{position:absolute;top:38px;left:38px;width:82px;height:82px;background-image:radial-gradient(rgba(255,255,255,.45) 2px,transparent 2px);background-size:16px 16px}
.login-promo-content{position:relative;z-index:2;max-width:720px;height:100%;display:flex;flex-direction:column}
.login-eyebrow{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.login-promo h1{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 12px;max-width:700px}.login-promo h1 mark{color:#ffd151;background:none}.login-promo>div>p{font-size:16px;line-height:1.5;max-width:580px;color:rgba(255,255,255,.9);margin:0}
.login-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:22px}.login-benefits article{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:start;padding:10px;border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(5px)}.login-benefits article>span{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:24px}.login-benefits strong{display:block;font-size:15px}.login-benefits small{display:block;margin-top:4px;line-height:1.4;color:rgba(255,255,255,.78)}
.login-illustration{position:relative;min-height:195px;margin-top:auto}.illus-window{position:absolute;width:360px;height:180px;left:50%;bottom:0;transform:translateX(-50%);border:1px solid rgba(255,255,255,.35);border-radius:22px;background:rgba(255,255,255,.82);box-shadow:0 22px 50px rgba(79,19,83,.25);padding:18px}.illus-window-top{display:flex;gap:7px;margin-bottom:15px}.illus-window-top i{width:9px;height:9px;border-radius:50%;background:#ff7b83}.illus-grid{height:125px;display:grid;grid-template-columns:1.4fr .7fr;gap:14px}.illus-chart{display:flex;align-items:end;gap:12px;padding:18px;border-radius:15px;background:#fff}.illus-chart b{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ff9f19,#ea0a76)}.illus-donut{border-radius:15px;background:conic-gradient(#ff9c17 0 25%,#ed0d72 25% 58%,#712fd0 58% 80%,#f2f3fa 80%);position:relative}.illus-donut:after{content:"";position:absolute;inset:28%;border-radius:50%;background:white}
.illus-badge{position:absolute;width:68px;height:68px;border-radius:19px;display:grid;place-items:center;color:white;font-size:25px;font-weight:800;box-shadow:0 16px 30px rgba(47,21,85,.25)}.badge-chat{left:7%;bottom:90px;background:linear-gradient(135deg,#ff6b40,#ec1474)}.badge-users{right:7%;bottom:118px;background:linear-gradient(135deg,#ff9b16,#ef2f70)}.badge-stats{right:15%;bottom:-6px;background:linear-gradient(135deg,#9639e7,#5b2dcc)}
.login-card{background:rgba(255,255,255,.98);display:grid;place-items:center;padding:34px 56px}.login-form-wrap{width:min(100%,560px)}.login-brand{text-align:center;margin-bottom:14px}.login-brand img{max-width:200px;max-height:90px;object-fit:contain;margin:auto}.login-brand span{display:block;font-weight:900;font-size:22px;margin-top:8px}.login-heading{text-align:center;margin-bottom:20px}.login-heading h2{display:none}.login-heading p{color:#7d879d;line-height:1.6;margin:0}.login-alert{margin-bottom:18px}
.login-form{display:grid;gap:15px}.login-field{display:grid;gap:9px}.login-field label{font-weight:800;font-size:14px}.login-input-wrap{position:relative}.login-input-wrap input{width:100%;height:54px;padding:0 54px;border:1px solid #d9deea;border-radius:14px;background:#fff;font-size:16px;outline:none;transition:.2s}.login-input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 15%,transparent)}.login-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#7f8aa1;font-size:19px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#7d879a;font-size:19px;cursor:pointer;padding:10px}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}.login-options a{color:#ec1672;font-weight:750}.remember-control{display:flex;align-items:center;gap:9px;cursor:pointer}.remember-control input{position:absolute;opacity:0}.remember-control span{width:19px;height:19px;border-radius:5px;border:1px solid #cfd5e0;background:#fff;position:relative}.remember-control input:checked+span{background:#ec1672;border-color:#ec1672}.remember-control input:checked+span:after{content:"✓";color:#fff;position:absolute;inset:-2px 0 0;text-align:center;font-size:14px;font-weight:900}
.login-submit{height:54px;border:0;border-radius:14px;color:#fff;font-size:17px;font-weight:850;cursor:pointer;background:linear-gradient(90deg,#ff9a0b,#ff4431 40%,#ec0c74);display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 14px 28px rgba(238,32,102,.22);transition:.2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(238,32,102,.28)}.login-submit b{font-size:24px}.login-submit.loading{opacity:.75;pointer-events:none}.login-security{text-align:center;color:#7f899e;border-top:1px solid #e7eaf1;margin-top:18px;padding-top:14px;font-size:13px}.login-footer-text{text-align:center;color:#a0a8b8;font-size:12px;margin-top:10px}
.recovery-shell{width:min(560px,94vw);background:white;border-radius:28px;padding:42px;box-shadow:0 30px 70px rgba(34,27,66,.16)}.recovery-shell>img{max-width:185px;max-height:90px;object-fit:contain;margin-bottom:20px}.recovery-shell h1{font-size:36px;margin:18px 0 8px}.recovery-shell>p{color:#727d92;margin-bottom:25px}.recovery-shell .login-eyebrow{background:#fff0f5;color:#e3116c}.back-login{display:inline-block;margin-top:22px;color:#e3116c;font-weight:800}
@media(max-width:1100px){.login-shell{grid-template-columns:.9fr 1.1fr}.login-promo{padding:48px 40px}.login-benefits{grid-template-columns:1fr}.login-benefits article:nth-child(n+3){display:none}.login-card{padding:50px 42px}}
@media(max-width:820px){html,body{height:auto;overflow:auto}.login-page{height:auto;min-height:100vh;overflow:auto;padding:0;background:white}.login-shell{width:100%;min-height:100vh;border-radius:0;display:block;box-shadow:none}.login-promo{display:none}.login-card{min-height:100vh;padding:38px 22px}.login-form-wrap{max-width:520px}.login-brand img{max-width:190px}.login-heading h2{font-size:29px}}
@media(max-width:480px){.login-card{padding:28px 18px}.login-options{align-items:flex-start;flex-direction:column}.login-brand{margin-bottom:18px}.login-heading{margin-bottom:23px}}