*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f7f8fa;background:radial-gradient(circle at 50% 0,rgba(255,106,0,.2),transparent 35%),#090b0f;min-height:100vh}
.auth-shell{width:min(460px,calc(100% - 32px));margin:auto;padding:36px 0}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;font-size:22px;margin-bottom:26px}
.brand img{width:48px;height:48px;object-fit:contain}
.auth-card{background:#13171e;border:1px solid #272d37;border-radius:20px;padding:32px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.eyebrow{color:#ff9750;font-size:12px;letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.auth-card h1{font-size:38px;margin:10px 0}
.auth-card>p{color:#aab1bc}
.auth-card label{display:block;margin:18px 0;font-weight:800}
.auth-card input{width:100%;margin-top:8px;border:1px solid #333b47;background:#0d1015;color:#fff;border-radius:11px;padding:14px;font-size:16px;outline:none}
.auth-card input:focus{border-color:#ff6a00}
.main-btn{width:100%;display:flex;justify-content:center;border:0;cursor:pointer;background:linear-gradient(135deg,#ff6a00,#ff8a2b);color:#fff;border-radius:11px;padding:14px;font-size:16px;font-weight:900;margin-top:22px}
.main-btn:disabled{opacity:.65;cursor:wait}
.mensaje{min-height:20px;margin:4px 0 0;font-size:14px;color:#aab1bc}
.mensaje.error{color:#ff8585}
.auth-card small{display:block;text-align:center;color:#8f97a4;margin-top:12px}
.auth-card hr{border:0;border-top:1px solid #292f39;margin:25px 0}
.auth-card a{color:#ff9348}
@media(max-width:520px){.auth-card{padding:24px}.auth-card h1{font-size:32px}}