:root{color-scheme:dark;--bg:#09151e;--card:#102734;--border:#2b4a5b;--text:#e8f2f8;--muted:#a3b8c4;--accent:#28b8da}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,sans-serif}header{min-height:88px;padding:18px max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:20px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:28px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:18px}.brand>span{font-size:18px;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:4px}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav form{margin:0}main{max-width:1280px;padding:36px 24px 80px;margin:auto}h1{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:10px 0 24px}h2{font-size:22px;margin-top:0}.hero{max-width:830px;padding:65px 0}.hero h1{font-size:clamp(42px,6vw,76px)}.lead{font-size:22px;color:var(--muted);margin:30px 0}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.card,article,.login,section.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px}.customer{font-size:23px;min-height:110px;display:flex;align-items:center}.login{max-width:480px;margin:40px auto}.login h1{font-size:32px}label{display:block;margin:14px 0}input,select,button,.button{font:inherit;border-radius:8px;border:1px solid var(--border);padding:10px 14px;max-width:100%}input,select{background:#0b1d29;color:var(--text);width:100%;margin-top:6px}button,.button{background:#177b9e;color:white;cursor:pointer;font-weight:600;display:inline-block}button:hover,.button:hover{background:#2094ba;text-decoration:none}button:disabled{opacity:.5;cursor:default}button.quiet{background:transparent}button.danger{background:#72313b}input[type=checkbox]{width:auto}footer{border-top:1px solid var(--border);color:var(--muted);padding:24px;text-align:center}.muted{color:var(--muted)}.customer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.badge{border:1px solid var(--border);padding:8px 14px;border-radius:30px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.tabs .active{background:#28b8da;color:#06131d}#notice:not(:empty){padding:12px 16px;margin:16px 0;border:1px solid var(--accent);border-radius:8px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.row>*{flex:1;min-width:100px}.row button{flex:0 0 auto}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.media-grid article{padding:16px;overflow:hidden}.media-grid img,.media-grid video{width:100%;height:150px;object-fit:contain;background:#071018}.media-grid p{overflow-wrap:anywhere;font-size:14px}.resource{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding:16px 0}.resource strong{overflow-wrap:anywhere}.resource button{flex-shrink:0}dialog{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;width:min(1000px,95vw);max-height:95vh;padding:20px}dialog::backdrop{background:#000b}dialog iframe{width:100%;height:70vh;background:#000;border:0}body:has(dialog[open]){overflow:hidden}@media(max-width:600px){header{padding:16px;align-items:flex-start}.brand{font-size:24px;gap:10px}.brand>span{font-size:14px}nav{gap:12px;font-size:14px}main{padding:22px 16px}.customer-heading{display:block}.hero{padding:28px 0}.row{align-items:stretch}.row>*{flex-basis:100%}.resource{align-items:flex-start}.card,article,.login,section.panel{padding:20px}}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.resource{flex-wrap:wrap}.resource strong{flex:1 1 180px;min-width:0}.media-grid{margin-top:22px}button[aria-label]{min-width:44px}
dialog textarea{width:100%;resize:vertical;background:#0b1d29;color:#e8f2f8;padding:12px;border:1px solid #2b4a5b;border-radius:6px}dialog section button{margin:8px 12px 0 0}dialog section input{min-width:0}
.workspace-group{margin:32px 0 42px}