:root{font-family:Segoe UI,Arial,sans-serif;color:#24354b;background:#f3f6fa;font-synthesis:none;--accent: #2455c8;--muted: #596a80;--border: #dce3ed}*{box-sizing:border-box}body{margin:0;min-width:320px}html{scrollbar-gutter:stable}h1,h2,p{margin:0}h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2;letter-spacing:-.045em}h2{font-size:1.25rem;letter-spacing:-.025em}p{line-height:1.6}button,input{font:inherit}button{min-height:44px;padding:10px 18px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#24354b;cursor:pointer;font-weight:600}button:hover:enabled{background:#edf2fb;border-color:#a1b4d1}button:disabled{cursor:not-allowed;opacity:.6}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:enabled{background:#1b43a6}button.danger{color:#a22532;border-color:#e5bbc1}:focus-visible{outline:3px solid #638ae8;outline-offset:3px}.topbar{height:80px;padding:0 max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:10px;color:#24354b;font-size:1.1rem;font-weight:700;text-decoration:none;white-space:nowrap}.brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:8px}.topbar-note{color:var(--muted);font-size:.85rem}main{max-width:1080px;margin:0 auto;padding:56px 24px 64px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px}.eyebrow{display:block;margin-bottom:16px;color:var(--accent);font-size:.7rem;font-weight:750;letter-spacing:.12em}.subtitle,.hint{color:var(--muted)}.subtitle{margin-top:10px}.hint{font-size:.85rem}.login-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;min-height:calc(100svh - 250px)}.intro h1{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:650}.intro p{margin-top:24px;color:var(--muted);max-width:350px}.environment{display:inline-block;margin-top:32px;padding:8px 12px;color:#325789;background:#e5edf9;border-radius:6px;font-size:.8rem}.login-panel{padding:36px;box-shadow:0 12px 40px #213d6710}.login-panel h2{font-size:1.65rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.session-badge{flex-shrink:0;padding:8px 12px;background:#e0f2e9;color:#206345;border-radius:6px;font-size:.85rem}.profile-panel{display:flex;gap:18px;align-items:center;margin-bottom:24px}.avatar{width:54px;height:54px;flex-shrink:0;border-radius:14px;background:#e7edfc;color:var(--accent);display:grid;place-items:center;font-size:1.5rem;font-weight:600}.profile-panel p{overflow-wrap:anywhere}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.method{min-width:0}.method-label{display:block;color:var(--muted);font:.75rem/1.5 Consolas,monospace;overflow-wrap:anywhere;margin-bottom:12px}.method p{color:var(--muted);margin:12px 0 20px}.method button{width:100%}.method p.http-status,.http-status{color:#38577b;font-size:.8rem;font-family:Consolas,monospace;margin:16px 0 10px}pre{margin:0;background:#f4f6fa;padding:16px;border-radius:8px;font:.78rem/1.7 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.logout-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px}.logout-panel p{color:var(--muted);margin-top:8px}.recovery{max-width:560px;margin:48px auto}.recovery p{margin:16px 0;color:var(--muted)}@media(max-width:700px){.topbar{height:64px;padding:0 20px}.topbar-note{display:none}main{padding:32px 20px 48px}.login-layout,.method-grid{grid-template-columns:1fr;gap:28px}.intro{padding:0 4px}.intro h1{font-size:2.4rem}.intro p{margin-top:16px}.environment{margin-top:20px}.login-panel,.panel{padding:24px}.page-heading,.logout-panel{align-items:flex-start;flex-direction:column}.logout-panel button{width:100%}}