*{box-sizing:border-box;margin:0;padding:0}:root{--ink-strong:#09090b;--ink:#27272a;--ink-muted:#71717a;--ink-faint:#a1a1aa;--edge:rgba(9,9,11,.12);--accent:#e11d48;--accent-hover:#f43f5e;--surface:#fafafa}body,html{height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}.split{display:flex;min-height:100vh}.pane-login{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:300px 1.5rem 3rem}.pane-splash{flex:1.2 1;display:none;position:relative;overflow:hidden;align-items:center;justify-content:center;background:var(--surface)}.wordmark-logo{color:var(--ink-strong);font-size:clamp(2.75rem,5vw,5.5rem);font-weight:900;line-height:1;letter-spacing:0}@media (min-width:900px){.pane-login{align-items:center;padding:3rem 1.5rem}.pane-splash{display:flex}}.card{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:1.25rem}.card h1{color:var(--ink-strong);font-size:1.5rem;font-weight:900;letter-spacing:-.02em;line-height:1.2}.card .sub{color:var(--ink-muted);font-size:.875rem;line-height:1.5;margin-top:.375rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.8125rem;font-weight:700;color:var(--ink-muted)}.field input{height:2.75rem;border:1px solid var(--edge);border-radius:.625rem;background:#fff;padding:0 .875rem;font-size:.9375rem;color:var(--ink-strong);outline:none;transition:border-color .12s ease}.field input:focus{border-color:var(--accent)}.field input.code{text-align:center;font-size:1.375rem;font-weight:700;letter-spacing:.5em;text-indent:.5em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.button{height:2.75rem;border:none;border-radius:.625rem;background:var(--accent);color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .12s ease}.button:hover{background:var(--accent-hover)}.button:disabled{opacity:.5;cursor:not-allowed}.button-google{display:flex;align-items:center;justify-content:center;gap:.625rem;height:2.75rem;border:1px solid var(--edge);border-radius:.625rem;background:#fff;color:var(--ink-strong);font-size:.9375rem;font-weight:600;text-decoration:none;transition:border-color .12s ease}.button-google:hover{border-color:rgba(9,9,11,.3)}.divider{display:flex;align-items:center;gap:.75rem;color:var(--ink-faint);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--edge)}.note{font-size:.8125rem;color:var(--ink-muted);line-height:1.5}.note.error{color:var(--accent)}.linkish{border:none;background:none;color:var(--ink-muted);font-size:.8125rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.linkish:hover{color:var(--ink-strong)}