
:root{color-scheme:dark;--ink:#f4f4f1;--muted:#a9b0bc;--paper:#090a0c;--line:#303640;--blue:#b4ccf3}
.auth-shell{grid-template-columns:minmax(0,1fr) minmax(430px,.92fr)}.auth-visual{background:radial-gradient(ellipse at 10% 60%,#566e9533,transparent 65%),#0d1015;border-right:1px solid #292d35;min-height:100dvh;padding:45px clamp(32px,5vw,76px)}.auth-visual:before{display:none}.auth-visual:after{top:-160px;right:20%;width:2px;height:580px;border-radius:0;background:linear-gradient(transparent,#bfd7f580,transparent);transform:rotate(24deg);box-shadow:0 0 30px 8px #95b5e41a}.auth-brand img,.mobile-brand img{width:153px;height:auto}.visual-copy{padding-top:65px;margin:auto 0 26px}.visual-copy h1{font:500 clamp(44px,4.7vw,69px)/1.09 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 24px}.visual-copy h1 span{color:#d5dbe3}.visual-copy p{max-width:410px;color:#a9b0bc;font-size:16px}.visual-card{width:calc(100% + 85px);max-width:none;border-color:#424a58;background:#ffffff06;padding:5px;transform:none;box-shadow:0 20px 60px #0004;border-radius:12px;margin:15px 0 35px}.visual-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:7px}.visual-note{color:#7f8998;font-size:12px}.auth-panel{background:#090a0c;min-height:100dvh}.auth-card{max-width:410px}.auth-heading h2{font-size:36px;line-height:1.15;margin-top:0}.auth-heading p{line-height:1.6}.auth-tabs{background:#13161b;border-color:#303640;border-radius:12px;margin-bottom:23px}.auth-tabs button{color:#919ba9;font-weight:500}.auth-tabs button.active{background:#2a303a;color:#f4f4f1;box-shadow:none}.social-button{background:#13161b;color:#e2e6ec;border-color:#343b46;font-weight:500}.social-button:hover{background:#202630;border-color:#59667a;transform:none}.apple-mark{color:#f4f4f1}.auth-divider{color:#7f8998;text-transform:none;font-weight:400;letter-spacing:0}.auth-divider:before,.auth-divider:after{background:#2b3038}.auth-form{gap:17px}.auth-form label>span:first-child{color:#d2d8e0;font-size:12px;font-weight:500}.auth-form input[type=email],.auth-form input[type=text],.auth-form input[type=password]{background:#111419;color:#f4f4f1;border-color:#343b46;font-size:14px}.password-field button{color:#a9b0bc;font-weight:500;min-width:42px;min-height:36px}.text-button,.auth-switch button{color:#b4ccf3;font-size:12px;font-weight:500}.terms-check span{color:#a9b0bc!important;font-size:11px!important}.auth-switch{color:#919ba9;font-size:12px}.back-link{color:#8590a1;font-size:12px;font-weight:400}.auth-message{background:#34231f;border-color:#875448;color:#ffb7a6;font-size:12px}.auth-message.success{background:#142c26;border-color:#355e52;color:#94dbc0}.auth-message.info{background:#192436;border-color:#3c5275;color:#bfd2ef}.secondary-action{color:#b4ccf3}.auth-form .spinner{border-color:#191c2233;border-top-color:#191c22}
@media(max-width:1050px){.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr)}.auth-visual{padding:36px}.visual-copy h1{font-size:48px}}@media(max-width:820px){.auth-shell{display:block}.auth-panel{padding:40px 24px}.mobile-brand{margin-bottom:38px}.auth-card{max-width:430px}}@media(max-width:480px){.auth-panel{padding:28px 22px 38px}.auth-heading h2{font-size:32px}}
