*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:light-dark(#f5f7fa,#101319);color:light-dark(#233045,#edf1f7);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.auth-card{width:min(100%,430px);padding:34px;border:1px solid light-dark(#e1e7ef,#303a48);border-radius:20px;background:light-dark(#fff,#191f28);box-shadow:0 15px 60px #00000008}.auth-brand{color:inherit;text-decoration:none;letter-spacing:-.075em;font-size:32px;font-weight:700}.auth-brand span{color:#3478f6}.auth-eyebrow{margin:28px 0 8px;font-size:12px;letter-spacing:.11em;color:light-dark(#7c8ca3,#a0b0c8)}h1{font-size:26px;line-height:1.25;letter-spacing:-.035em;margin:0 0 12px;font-weight:650}.auth-description{font-size:15px;color:light-dark(#6b7b91,#adbad0);margin:0 0 24px}label{display:block;font-size:14px;margin:15px 0 6px}input{width:100%;padding:12px 13px;border:1px solid light-dark(#dce3ed,#455064);border-radius:9px;background:light-dark(#fafbfc,#121922);color:inherit;font-size:16px}input:focus{outline:3px solid #3478f638;border-color:#3478f6}button{width:100%;margin-top:24px;border:0;padding:12px;border-radius:9px;background:#3478f6;color:#fff;font:inherit;font-weight:500;cursor:pointer}button:hover{background:#286de9}button:focus-visible{outline:3px solid #8ab2ff;outline-offset:3px}.auth-foot{font-size:13px;color:light-dark(#7e8da1,#a0adc0);line-height:1.6;margin:24px 0 0}.auth-error{color:light-dark(#b63549,#ff9cad);font-size:14px;margin:12px 0 0}@media(max-width:480px){body{padding:16px}.auth-card{padding:25px}}