:root { --brand: #1a237e; --brand-dark: #0d154f; --page: #f0f2f5; --text: #1a1a2e; --muted: #5f6368; --line: #e3e7ef; --surface: #fff; --danger: #b33a34; --radius: 18px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--text); background: var(--page); }
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { min-height: 100vh; }
button, input { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible { outline: 3px solid rgba(26, 35, 126, .35); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.brand-logo { display: block; width: min(183px, 68vw); height: auto; object-fit: contain; }
.button { border: 0; border-radius: 999px; min-height: 40px; padding: 9px 20px; font-size: 14px; font-weight: 600; transition: background .2s, transform .15s, opacity .2s; }
.button--primary { color: #fff; background: var(--brand); }
.button--primary:hover:not(:disabled) { background: var(--brand-dark); }
.button:active:not(:disabled) { transform: scale(.97); }
.button:disabled { cursor: wait; opacity: .6; }
.icon-button { appearance: none; border: 0; background: transparent; color: var(--muted); font-size: 28px; line-height: 1; padding: 2px 8px; }
.icon-button:hover { color: var(--text); }
.icon-button--light { color: rgba(255,255,255,.75); }
.icon-button--light:hover { color: #fff; }