@font-face{font-family:'SocialFont';src:url('../fonts/HelveticaNeueW23forSKY-Reg.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;}
:root{--ink:#18212f;--muted:#747d8c;--paper:#f5f7fb;--white:#fff;--primary:#5a46d6;--secondary:#17a89a;--line:rgba(24,33,47,.1)}
*{box-sizing:border-box}
body{margin:0;font-family:'SocialFont',Tahoma,Arial,sans-serif;background:linear-gradient(135deg,#151b35,#2b2554 55%,#0f7773);min-height:100vh;color:var(--ink)}
.auth-page{display:flex;align-items:center;justify-content:center;padding:25px 16px;position:relative}
.auth-brand{position:absolute;top:22px;right:24px;display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}
.brand-mark{width:35px;height:35px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:7px;background:linear-gradient(145deg,var(--primary),var(--secondary))}
.brand-mark span{width:4px;border-radius:5px;background:#fff;display:block}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:12px}
.auth-shell{width:100%;max-width:480px}.auth-card{background:rgba(255,255,255,.97);border-radius:28px;padding:36px;box-shadow:0 35px 90px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.5)}.auth-card-wide{max-width:100%}.eyebrow{color:var(--secondary);font-size:12px;font-weight:800}.auth-card h1{font-size:31px;margin:7px 0}.auth-card>p{color:var(--muted);font-size:13px;margin:0 0 25px}.auth-form{display:grid;gap:16px}.auth-form label{font-size:12px;font-weight:700}.auth-form input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;padding:13px 14px;font:inherit;outline:0;background:#fbfcfe}.auth-form input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(90,70,214,.08)}.btn{width:100%;border:0;border-radius:14px;padding:13px;background:var(--primary);color:#fff;font:inherit;font-weight:800;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-footer{text-align:center;margin-top:22px;color:var(--muted);font-size:12px}.auth-footer a{color:var(--primary);font-weight:800}
@media(max-width:520px){.auth-page{padding:80px 12px 20px}.auth-brand{top:18px;right:18px}.auth-card{padding:26px 20px;border-radius:23px}.auth-card h1{font-size:27px}.form-row{grid-template-columns:1fr}}
.auth-message{padding:11px 13px;border-radius:12px;margin:0 0 16px;font-size:12px}.auth-message.error{background:#fff0f0;color:#a63b3b;border:1px solid #f2caca}