:root{color-scheme:dark;--bg:#09090B;--panel:#18181B;--line:#27272A;--text:#F4F4F5;--muted:#A1A1AA;--aqua:#E11D48}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--aqua)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:var(--text);color:var(--bg);padding:10px;z-index:5}.skip:focus{top:10px}header,main,footer{max-width:1240px;margin:auto;padding:0 48px}header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.18em;text-decoration:none;font-size:16px;display:flex;gap:12px;align-items:center}.mark{width:44px;height:44px;object-fit:contain}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav a{text-decoration:none}.nav-login{border:1px solid var(--line);padding:9px 18px;border-radius:6px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:44px;min-height:620px;padding:80px 0}.eyebrow,.number{color:var(--aqua);font-size:11px;font-weight:750;letter-spacing:.18em}.eyebrow{margin:0 0 24px}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:650;margin:0 0 28px}h1 em{font-style:normal;color:var(--aqua)}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:570px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:34px 0 16px}.button,button{display:inline-block;background:#248046;color:#fff;border:0;border-radius:6px;padding:14px 22px;font:700 14px/1.6 system-ui;text-decoration:none;cursor:pointer}.button:hover,button:hover{background:#1A6334;color:#fff}.text-link{font-size:14px}.note{font-size:12px;color:var(--muted)}.orbit{height:390px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#27272A 0%,transparent 65%)}.orbit-ring{position:absolute;width:320px;height:320px;border:1px solid #52525B;border-radius:50%;transform:rotate(-28deg) scaleY(.6)}.orbit-ring:after{content:'';position:absolute;inset:-35px;border:1px solid #27272A;border-radius:50%}.orbit-core{width:220px;height:220px;object-fit:contain;filter:drop-shadow(0 24px 35px #0008)}.orbit-label{position:absolute;font-size:9px;letter-spacing:.2em;color:var(--muted)}.top{top:30px;right:30px}.bottom{bottom:25px;left:25px}.principles{padding:20px 0 90px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:10px;text-decoration:none;display:flex;flex-direction:column}.card:hover{border-color:var(--aqua);color:var(--text)}.card h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:28px 0 14px}.card p{font-size:14px;color:var(--muted);margin:0 0 24px}.arrow{font-size:12px;color:var(--aqua);margin-top:auto}footer{border-top:1px solid var(--line);padding-top:40px;padding-bottom:40px;display:grid;grid-template-columns:1fr 1fr;gap:8px}footer p,footer small{color:var(--muted);font-size:12px;margin:0}footer div{display:flex;gap:24px;font-size:12px;grid-column:2;grid-row:1}footer small{grid-column:2;grid-row:2}.legal{max-width:820px;margin:70px auto 100px}.legal h1{font-size:56px}.legal h2{font-size:23px;margin:42px 0 12px}.legal p,.legal li{color:var(--muted)}.legal strong{color:var(--text)}.draft,.notice{border:1px solid #52525B;border-radius:8px;background:#18181B;padding:18px 22px;font-size:14px;margin:32px 0}.draft p{margin:6px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--aqua)}td{color:var(--muted)}.login-panel{max-width:650px;text-align:center;margin:90px auto 110px}.login-panel .lead{margin-inline:auto}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:32px;margin:36px 0}.login-box h2{font-size:23px}.login-box>p{color:var(--muted);font-size:15px}.learning{padding:12px 24px;text-align:center;background:#27272A;color:var(--text);font-size:12px;letter-spacing:.05em}.learning a{margin-left:24px}details{border:1px solid var(--line);border-radius:8px;margin:18px 0;padding:18px}summary{cursor:pointer}pre{overflow:auto;font-size:12px;max-height:650px;line-height:1.6}code{font-family:ui-monospace,monospace}@media(max-width:800px){header,main,footer{padding-left:24px;padding-right:24px}header{height:auto;padding-top:22px;padding-bottom:22px;flex-wrap:wrap;gap:18px}nav{gap:16px;flex-wrap:wrap;font-size:12px}.hero{grid-template-columns:1fr;padding:55px 0;gap:10px}.orbit{height:280px}.orbit-ring{width:250px;height:250px}.cards{grid-template-columns:1fr}.card h2 br{display:none}.legal h1{font-size:42px}.legal{margin-top:45px}footer{grid-template-columns:1fr;gap:18px}footer div,footer small{grid-column:auto;grid-row:auto}.login-panel{margin-top:55px}.login-box{padding:22px}.learning a{display:block;margin:0}}
.request-form label{display:block;margin:24px 0;font-size:14px}.request-form input,.request-form select,.request-form textarea{display:block;width:100%;margin-top:8px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:12px;font:inherit}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{outline:2px solid var(--aqua);outline-offset:2px}

.nav-account { display: inline-flex; align-items: center; gap: .45rem; min-width: 0; max-width: 100%; }
.nav-account img { border-radius: 50%; }
.nav-account span { overflow-wrap: anywhere; }
.portal { margin: 2rem auto; max-width: 72rem; }
.portal h1 { font-size: clamp(1.65rem, 4vw, 2.4rem); margin-bottom: 1.25rem; }
.portal h2 { font-size: 1.2rem; }
.portal-tools { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem 1.5rem; margin-block: 1.25rem; }
.portal-tools > a, .portal-motion { min-height: 2.75rem; align-content: center; }
.portal-tools form { flex: 0 1 30rem; min-width: 0; }
.portal-tools label { font-size: .9rem; }
.portal-search { display: flex; gap: .5rem; }
.portal-search input { width: 100%; min-width: 0; background: var(--panel); color: var(--text); border: 1px solid #71717a; border-radius: .4rem; padding: .5rem .75rem; font: inherit; }
.portal-search input, .portal-search button { min-height: 2.75rem; }
.portal-search button, .portal-card .button { padding: .55rem .9rem; }
.portal-group { margin-block: 1.75rem; }
.portal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 1rem; }
.portal-card { min-width: 0; overflow: hidden; background: var(--panel); border: 1px solid #52525b; border-radius: .7rem; }
.portal-card-body { padding: .8rem 1rem 1rem; }
.portal-card h2, .portal-card h3 { font-size: 1.1rem; margin: .4rem 0 .25rem; overflow-wrap: anywhere; }
.portal-card p { margin: 0 0 .75rem; }
.portal-banner, .portal-icon { overflow: hidden; background: #27272a url('/logo.png') center / 2.2rem no-repeat; }
.portal-banner { aspect-ratio: 3 / 1; background-size: 3rem; }
.portal-icon { width: 3rem; height: 3rem; margin: -.8rem 0 0 1rem; position: relative; border: 2px solid var(--panel); border-radius: .6rem; }
.portal-server-art { max-width: 28rem; margin-block: 1rem; }
.portal-server-art .portal-banner { border-radius: .7rem; }
.portal-art { display: block; width: 100%; height: 100%; object-fit: cover; visibility: hidden; }
.portal-art.loaded { visibility: visible; }
.portal a:focus-visible, .portal button:focus-visible, .portal input:focus-visible { outline: 2px solid #d4d4d8; outline-offset: 3px; }
@media (max-width: 560px) {
    .portal-tools { align-items: start; }
    .portal-tools form { flex-basis: 100%; }
}

.portal-banner-note { display: none; color: var(--muted); }
.portal-server-art:has([data-banner-status="unavailable"]) .portal-banner-note { display: block; }