body:has(#app[data-screen="auth"]){background:radial-gradient(ellipse at 20% 0,#e8f4ff,transparent 55%),#f5f9fd}
#app[data-screen="auth"]{max-width:480px;margin:42px auto;border:1px solid #e4edf7;border-radius:24px;box-shadow:0 18px 60px #315f8b0d}
#app[data-screen="auth"] .app-top{height:74px;background:white;padding:18px 28px;border-bottom:1px solid #f0f5fa}
#auth{padding:18px 32px 26px;background:white}#auth-back{font-size:12px;padding:5px 0;color:#7189a0}.auth-symbol{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#edf7ff;font-size:29px;margin:24px 0 18px}
#auth .eyebrow{margin:0;font-size:9px;color:#7b9ab6;letter-spacing:1.8px}#auth-title{font-size:28px;letter-spacing:-1px;color:#203f5b;line-height:1.2;margin:12px 0}#auth-caption{font-size:13px;color:#7c91a5;line-height:1.65;margin:0 0 24px}#auth label{font-size:12px;font-weight:650;color:#476079;margin:18px 0 8px}
#auth input,#auth select{font-size:16px;min-height:50px;border:1px solid #dfebf5;border-radius:12px;color:#28435c;background:white;margin-top:0;outline-offset:2px}
.auth-phone-wrap{display:flex;align-items:center;gap:10px;border:1px solid #dfebf5;border-radius:12px;padding-left:13px;background:white}.auth-phone-wrap>span{white-space:nowrap;font-size:13px;color:#65849f;padding-right:10px;border-right:1px solid #e7eff7}#auth .auth-phone-wrap input{border:0;min-width:0;width:100%;padding-left:0;border-radius:0 12px 12px 0;background:transparent}.auth-phone-wrap:focus-within{outline:2px solid #a4d3f7;border-color:transparent}#auth .auth-phone-wrap input:focus{outline:0}.auth-hint{font-size:10px;line-height:1.5;color:#92a4b6;margin:8px 0 16px}.auth-password-wrap{position:relative}#auth .auth-password-wrap input{padding-right:78px}.auth-password-wrap button{position:absolute;right:8px;top:8px;bottom:8px;border:0;border-radius:8px;background:#f1f7fc;color:#5481a5;font-size:11px;font-weight:650;padding:0 10px}
#auth-submit{border-radius:12px;min-height:50px;background:#287dc6;margin-top:24px;box-shadow:0 5px 15px #287dc61c;font-size:13px}#auth-submit:hover{background:#226bae}.auth-footer{margin-top:26px;padding-top:22px;border-top:1px solid #edf3f8;text-align:center;font-size:11px;color:#8a9db0}.auth-footer button{display:block;margin:8px auto 0;border:0;background:transparent;color:#2e7fbd;font-weight:650;font-size:12px;padding:7px}.auth-help{display:block;margin:10px auto 0;font-size:11px;color:#8197ab}.auth-error{padding:12px 14px;background:#fff2f3;border:1px solid #f5dfe3;color:#ad5263;border-radius:12px;font-size:12px;line-height:1.6;margin:14px 0}#auth .check{font-size:11px;font-weight:400;line-height:1.6}#auth .check input{min-height:0;width:17px;height:17px;margin-top:2px}#auth .field-row{gap:10px}.auth-footer button:focus-visible,.auth-password-wrap button:focus-visible{outline:3px solid #9dcef3;outline-offset:2px}
@media(max-width:600px){#app[data-screen="auth"]{margin:0;max-width:none;border:0;border-radius:0;min-height:100dvh}#app[data-screen="auth"] .app-top{padding:16px 24px}#auth{padding:18px 26px 30px;max-width:480px;margin:auto}.auth-symbol{margin-top:22px}#auth-title{font-size:27px}}
@media(max-width:350px){#auth{padding-left:20px;padding-right:20px}.auth-phone-wrap{gap:6px;padding-left:10px}.auth-phone-wrap>span{padding-right:7px;font-size:12px}#auth-title{font-size:25px}}