*,*:before,*:after{box-sizing:border-box}:root{--bg: #f4f6f8;--card: #ffffff;--text: #1c2430;--muted: #5f6b7a;--border: #dde2e8;--accent: #1f6feb;--error: #c62828}html,body{margin:0;height:100%}body{font-family:Heebo,system-ui,sans-serif;background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px 24px;width:100%;max-width:380px;text-align:center;box-shadow:0 4px 20px #0000000d}h1{font-size:1.6rem;font-weight:700;margin:0 0 16px}.muted{color:var(--muted);margin:0 0 20px}.greeting{font-size:1.4rem;font-weight:500;margin:0 0 24px}.error{color:var(--error);margin:16px 0 0;font-size:.95rem}.btn{font-family:inherit;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}.btn:disabled{opacity:.6;cursor:default}.btn-google{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-google:hover:not(:disabled){background:#f7f8fa;border-color:#c8ced6}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-secondary:hover:not(:disabled){background:#1f6feb0f}[hidden]{display:none!important}