:root{--bg:#eef4ff;--surface:#fff;--line:#dbe3ef;--text:#101828;--muted:#667085;--primary:#1b4fd8;--primary-dark:#163fad;--primary-soft:#eaf1ff;--danger:#e11d48;--danger-soft:#fff0f3;--success:#059669;--success-soft:#e8f8f0;--shadow:0 18px 44px #1018281a}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0;padding:24px;font-family:Aptos,Segoe UI Variable,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.auth-card{background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:20px;padding:36px 32px}.auth-brand{color:var(--primary-dark);align-items:center;gap:10px;margin-bottom:24px;font-weight:700;display:flex}.auth-brand img{border-radius:8px;width:32px;height:32px}.auth-card h1{margin:0 0 6px;font-size:22px}.auth-card p.auth-sub{color:var(--muted);margin:0 0 24px;font-size:14px}.auth-field{margin-bottom:16px}.auth-field label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-field input{border:1px solid var(--line);border-radius:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:15px}.auth-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.auth-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:4px;padding:12px 14px;font-size:15px;font-weight:600}.auth-submit:hover{background:var(--primary-dark)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-message{border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}.auth-message.error{background:var(--danger-soft);color:var(--danger)}.auth-message.success{background:var(--success-soft);color:var(--success)}.auth-links{color:var(--muted);justify-content:space-between;margin-top:20px;font-size:13px;display:flex}.auth-links a,.auth-links button.link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.auth-links a:hover,.auth-links button.link:hover{text-decoration:underline}.auth-google{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.auth-google:hover{background:var(--primary-soft);border-color:var(--primary)}.auth-google:disabled{opacity:.6;cursor:not-allowed}.auth-google svg{flex-shrink:0}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}