:root{--brand-blue: #0976bb;--brand-blue-hover: #075d94;--brand-charcoal: #4c4c4c;--brand-gray: #7f7f7f;--ink: #303943;--muted: #616b75;--page: #f3f6f9;--surface: #fff;--line: #dce3e9;--blue-tint: #eaf3fa;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{padding:20px 5%;background:var(--surface);border-top:4px solid var(--brand-blue);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-header{display:flex;align-items:center;gap:28px;min-width:0}.brand-logo{display:block;width:248px;max-width:100%;height:auto}.brand-context{border-left:1px solid var(--line);padding-left:28px;min-width:0}.brand-context strong{color:var(--brand-charcoal);font-size:16px}header small{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}header>button{background:var(--surface);color:var(--brand-blue);border:1px solid #b9cddd;flex-shrink:0}header>button:hover{background:var(--blue-tint);color:var(--brand-blue-hover)}main{max-width:1150px;margin:40px auto;padding:0 24px}.auth{max-width:464px;margin:8vh auto;padding:36px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--brand-blue);border-radius:12px;box-shadow:0 12px 40px #263b5010}.auth .brand-logo{width:340px;margin:0 auto 30px}.auth h1{margin:8px 0;font-size:29px}.auth>p:not(.eyebrow):not([role=status]){color:var(--muted);margin:0 0 24px}h1{font-size:36px;letter-spacing:-1px;line-height:1.2;color:var(--brand-charcoal)}h2{font-size:19px;color:var(--brand-charcoal)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--brand-blue)}section{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;margin:22px 0}article{padding:15px 0;border-bottom:1px solid var(--line)}article:last-child{border-bottom:0}label{display:block;font-size:14px;font-weight:500;margin:12px 0}input,select{display:block;font:inherit;color:var(--ink);background:var(--surface);padding:10px 12px;margin-top:6px;border:1px solid #aab8c4;border-radius:6px;max-width:100%;width:100%}input:focus-visible,select:focus-visible{outline:3px solid #0976bb33;outline-offset:1px;border-color:var(--brand-blue)}input[type=checkbox]{display:inline;width:auto;accent-color:var(--brand-blue)}button{background:var(--brand-blue);color:#fff;border:1px solid transparent;border-radius:6px;padding:10px 16px;cursor:pointer;font:inherit;font-weight:600;font-size:14px}button:hover{background:var(--brand-blue-hover)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.danger{background:#a13636}.danger:hover{background:#7d2727}form>button{margin:10px 0}form:not(.inline) button{width:100%}.inline,nav{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.inline label{flex:1;min-width:180px}.inline button{margin-bottom:12px}.inline select{width:auto}nav{gap:8px;padding:6px;border:1px solid var(--line);background:var(--surface);border-radius:9px;width:fit-content;max-width:100%}nav button{background:transparent;color:var(--muted)}nav button:hover{background:var(--blue-tint);color:var(--brand-blue)}nav button[aria-pressed=true]{background:var(--brand-blue);color:#fff}details{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;color:var(--brand-blue);font-size:14px;font-weight:600}p[role=status]{padding:14px;background:var(--blue-tint);border-left:3px solid var(--brand-blue);border-radius:5px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:var(--brand-blue)}@media(max-width:700px){header{padding:16px 20px;gap:16px;align-items:flex-start}.brand-header{flex-direction:column;align-items:flex-start;gap:12px}.brand-logo{width:210px}.brand-context{border:0;padding:0}header small{font-size:12px}h1{font-size:29px}main{margin-top:25px;padding:0 18px}section{padding:18px}.auth{margin:32px 18px;padding:28px 24px;max-width:none}.auth .brand-logo{width:min(100%,340px)}}@media(max-width:380px){header{padding:14px;gap:10px}.brand-logo{width:180px}header>button{padding:8px 10px}}