:root{--ink:#06152f;--deep-blue:#0e2f6e;--deep-blue-hover:#0a2657;--bg:#f5f7fa;--surface:#fff;--line:#e1e7f0;--line-strong:#cdd6e3;--text:#0f2547;--muted:#51627e;--danger:#a3261f;--radius:20px;--radius-sm:12px}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;place-items:center;margin:0;padding:24px;font:16px/1.5 Inter,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:380px;padding:32px;box-shadow:0 1px 2px #06152f0f,0 12px 32px #06152f0f}.wordmark{letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-size:20px;font-weight:600}.subtitle{color:var(--muted);margin:0 0 24px;font-size:14px}label{margin-bottom:8px;font-size:14px;font-weight:500;display:block}input[type=password]{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:12px 14px}input[type=password]:focus-visible{outline:2px solid var(--deep-blue);outline-offset:1px;border-color:#0000}button{width:100%;font:inherit;color:#fff;background:var(--deep-blue);border-radius:var(--radius-sm);cursor:pointer;border:0;margin-top:16px;padding:12px 14px;font-weight:500}button:hover:not(:disabled){background:var(--deep-blue-hover)}button:disabled{opacity:.6;cursor:default}.error{color:var(--danger);margin:16px 0 0;font-size:14px}.demo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.demo-list a{color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;text-decoration:none;display:block}.demo-list a:hover{border-color:var(--line-strong);background:#fafbfd}.demo-list strong{color:var(--ink);font-weight:600;display:block}.demo-list span{color:var(--muted);font-size:14px}.google-button{color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-weight:500;text-decoration:none;display:flex}.google-button:hover{border-color:var(--muted);background:#fafbfd}.google-button:focus-visible{outline:2px solid var(--deep-blue);outline-offset:1px}.footnote{color:var(--muted);text-align:center;margin:24px 0 0;font-size:13px}.footnote a{color:var(--deep-blue)}.signout-form{margin:0;display:inline}.signout-button{width:auto;font:inherit;color:var(--deep-blue);cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:13px;text-decoration:underline;display:inline}.signout-button:hover{background:0 0}