:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#0f766e;--accent-text:#fff;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--surface:#111827;--text:#e5e7eb;--muted:#94a3b8;--border:#1f2937;--accent:#2dd4bf;--accent-text:#042f2e;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}.page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));place-items:center;display:grid}.card{flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.brand{text-align:center}.mark{border-radius:12px;margin:0 auto 12px;display:block}.wordmark{letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:700}.slogan{color:var(--muted);margin:4px 0 0}.btn{width:100%;min-height:48px;font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-weight:600;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-google{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.btn-primary{background:var(--accent);color:var(--accent-text);border:1px solid #0000}.divider{color:var(--muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.form fieldset{border:0;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}.field{flex-direction:column;gap:6px;font-size:.875rem;font-weight:500;display:flex}.field input{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:0 14px;font-size:1rem}.field input:disabled{opacity:.6;cursor:not-allowed}.note{text-align:center;color:var(--muted);margin:0;font-size:.875rem}@media (width>=640px){.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:40px}.btn-google{box-shadow:none}}