:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0f172a;background:#eef4f4}
[hidden]{display:none!important}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff 0,#edf4f4 58%,#e4eded 100%)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(100%,440px);background:#fff;border:1px solid #d8e2e6;border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.12);padding:38px}
.auth-logo{display:block;width:150px;height:auto;margin-bottom:24px}
.auth-eyebrow{margin:0 0 7px;color:#0f766e;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
h1{font-size:34px;line-height:1.1;margin:0 0 8px}
.auth-subtitle{color:#64748b;margin:0 0 28px}
.auth-form{display:grid;gap:16px}
.auth-form label{display:grid;gap:7px;font-weight:750;font-size:14px}
.auth-form input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}
.auth-form input:focus{outline:3px solid rgba(13,148,136,.16);border-color:#0d9488}
.auth-form button{border:0;border-radius:11px;padding:13px 16px;background:#0f172a;color:#fff;font:800 15px/1.2 inherit;cursor:pointer}
.auth-form button:disabled{opacity:.6;cursor:wait}
.auth-hint{margin:-5px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.auth-message{min-height:20px;margin:16px 0 0;color:#b91c1c;font-weight:650;font-size:13px}
@media(max-width:500px){.auth-card{padding:28px 22px;border-radius:18px}.auth-shell{padding:14px}}