:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#090a0d;color:#f5f6f7;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none}
body:before{left:10%;top:10%;width:320px;height:320px;background:rgba(73,98,214,.18)}
body:after{right:8%;bottom:6%;width:280px;height:280px;background:rgba(49,188,208,.13)}
.auth-page{position:relative;z-index:1;display:grid;min-height:100vh;place-items:center;padding:90px 20px 40px}
.auth-brand{position:absolute;top:28px;left:34px;display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:19px;font-weight:800}
.mark{position:relative;width:25px;height:18px;transform:skewX(-12deg)}
.mark i{position:absolute;width:18px;height:10px;border:3px solid currentColor}
.mark i:first-child{left:0;top:0;border-right:0}.mark i:last-child{right:0;bottom:0;border-left:0}
.auth-card{width:min(430px,100%);padding:38px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(20,22,27,.9);box-shadow:0 35px 90px rgba(0,0,0,.45);backdrop-filter:blur(20px)}
.auth-kicker{color:#61cfdf;font-size:9px;font-weight:800;letter-spacing:.18em}
h1{margin:10px 0 8px;font-size:30px;letter-spacing:-.04em}
.auth-card>p{margin:0 0 25px;color:#8f949e;font-size:12px;line-height:1.7}.auth-card>p strong{color:#d7d9dd}
form:not(.resend-form){display:flex;flex-direction:column;gap:16px}
label{display:flex;flex-direction:column;gap:8px;color:#aeb2ba;font-size:11px}
input{height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;outline:0;background:#111318;color:#fff;font-size:13px;transition:.2s}
input:focus{border-color:#53c8da;box-shadow:0 0 0 3px rgba(83,200,218,.1)}
.code-input{text-align:center;font-size:23px;font-weight:750;letter-spacing:.42em}
form:not(.resend-form)>button{display:flex;align-items:center;justify-content:center;gap:12px;height:49px;margin-top:4px;border:0;border-radius:12px;background:linear-gradient(120deg,#43c8db,#5b6fe8);color:#fff;font-size:13px;font-weight:750;cursor:pointer}
.auth-switch{margin-top:23px;padding-top:20px;border-top:1px solid rgba(255,255,255,.07);color:#7f858f;text-align:center;font-size:11px}.auth-switch a{margin-left:5px;color:#6bd2e0;text-decoration:none}
.auth-error,.auth-notice{margin:0 0 18px;padding:11px 13px;border-radius:9px;font-size:11px;line-height:1.5}.auth-error{background:rgba(226,83,97,.12);color:#ff9aa5}.auth-notice{background:rgba(70,192,210,.1);color:#74d6e3}
.resend-form{text-align:center}.resend-form button{margin-top:18px;border:0;background:none;color:#7e858f;font-size:11px;cursor:pointer}.resend-form button:hover{color:#6bd2e0}
@media(max-width:520px){.auth-page{padding-top:80px}.auth-brand{top:22px;left:20px}.auth-card{padding:28px 22px;border-radius:18px}}