:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f5f7fb;--accent:#e83e72;--line:#e6e9ef;--muted:#6f7785}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f7fb;color:#171717}body{min-height:100vh}.auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);min-height:100vh}.brand-panel{background:#111318;color:white;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:56px;position:relative;overflow:hidden}.brand-panel:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(232,62,114,.34),transparent 70%);right:-120px;top:-110px}.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1;color:inherit;text-decoration:none}.mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4e87,#c8205d);font-weight:900;box-shadow:0 10px 30px rgba(232,62,114,.3)}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:11px;color:#9fa5b2;margin-top:2px}.brand-copy{position:relative;z-index:1;max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850;color:#969dab}.brand-copy h1{font-size:48px;line-height:1.02;letter-spacing:-1.8px;margin:12px 0 18px}.brand-copy p{color:#c1c6d0;line-height:1.65;font-size:16px;max-width:560px;margin:0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1}.trust-grid div{padding:14px;border:1px solid #2a2e37;border-radius:13px;background:#171a20}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:15px}.trust-grid span{font-size:10px;color:#959ca9;margin-top:4px;line-height:1.35}.form-panel{display:grid;place-items:center;padding:42px 28px}.form-card{width:min(520px,100%);background:white;border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 20px 70px rgba(22,27,38,.08)}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:26px}.form-card h2{font-size:31px;letter-spacing:-.9px;margin:7px 0 8px}.subtitle{color:var(--muted);font-size:14px;line-height:1.55;margin:0 0 24px}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#3a3f48}.auth-form label>span{font-size:10px;color:#9aa0aa;font-weight:600}.auth-form input:not([type=checkbox]){width:100%;border:1px solid #d9dde5;border-radius:11px;padding:12px 13px;background:white;font:inherit;outline:none;transition:border .15s,box-shadow .15s}.auth-form input:not([type=checkbox]):focus{border-color:#cf5a7d;box-shadow:0 0 0 4px rgba(232,62,114,.09)}.auth-form small{font-size:10px;color:#959ca7;font-weight:500}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{appearance:none;border:0;background:#17191e;color:white;border-radius:11px;padding:12px 16px;font-weight:800;cursor:pointer;margin-top:3px}.primary:hover{background:#000}.primary:disabled{opacity:.55;cursor:not-allowed}.switch,.security-note{font-size:12px;color:#818894;text-align:center;margin:1px 0 0}.switch a,.form-meta a{color:#b82e59;font-weight:800;text-decoration:none}.form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.remember{display:flex!important;grid-auto-flow:column!important;align-items:center;justify-content:start;gap:7px!important;color:#7a818d!important;font-weight:600!important}.message{padding:11px 12px;border-radius:10px;font-size:12px;margin:0 0 16px;line-height:1.55}.message.error{background:#fff0f2;border:1px solid #f3c6cf;color:#a82f45}.message.success{background:#edf9f2;border:1px solid #c8ead5;color:#147342}.security-note{border-top:1px solid #f0f1f4;padding-top:16px;margin-top:22px;font-size:10px}.hidden{display:none!important}@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{min-height:100vh}.mobile-brand{display:flex}}@media(max-width:560px){.form-panel{padding:20px 14px}.form-card{padding:24px 20px;border-radius:18px}.field-row{grid-template-columns:1fr}.form-card h2{font-size:27px}.form-meta{align-items:flex-start;flex-direction:column}}