:root{color-scheme:dark;--accent:#77d9f7}*{box-sizing:border-box}body{margin:0;background:#111419;color:#edf2f8;font:15px/1.65 system-ui,sans-serif}.accent-violet{--accent:#c4b1ff}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#171d27;border-bottom:1px solid #344255}.brand{font-weight:800;font-size:25px;letter-spacing:-.04em}.brand span{font-size:13px;font-weight:400;letter-spacing:0;color:#c2cedd;margin-left:16px}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav form{margin:0}.notice{padding:10px 5vw;color:#a2cbdc;border-bottom:1px solid #303a49;font:10px/1.6 ui-monospace,monospace;letter-spacing:.1em}main{max-width:1250px;padding:54px 28px;margin:auto;min-height:70vh}h1{font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:20px 0}h2{font-size:21px;font-weight:550;letter-spacing:-.02em}p{color:#bac8d9}.eyebrow,small{color:#a5bbd2;font-size:11px;letter-spacing:.06em}.intro{max-width:650px;margin-bottom:36px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:30px}.card{background:#19212d;border:1px solid #364459;border-radius:14px;padding:28px;overflow-wrap:anywhere}.workspace:hover{border-color:var(--accent);text-decoration:none}.workspace h2{color:#f3f7fb}.badge{border-radius:20px;border:1px solid #466170;background:#243c47;padding:4px 10px;color:#b5e9f7;font-size:12px}.next{border-top:1px solid #37475c;padding-top:15px;margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:42px}.rows{list-style:none;padding:0;margin:0}.rows li+li{border-top:1px solid #344357}.rows a{display:flex;justify-content:space-between;gap:20px;padding:18px 0}.rows span{font-size:12px}.auth{max-width:580px;margin:24px auto}.auth h1{font-size:34px}label{display:block;color:#dce7f4;margin:16px 0 7px}input,select,textarea{width:100%;padding:12px;border:1px solid #506079;border-radius:7px;color:#edf3fa;background:#101720;font:inherit}textarea{min-height:130px;resize:vertical}button,.button{display:inline-block;background:var(--accent);color:#101820;border:0;border-radius:7px;padding:12px 18px;font:600 13px system-ui;cursor:pointer}form button{margin-top:20px}nav button{margin:0;background:#2b394b;color:#dbeafa}.muted,.helptext{font-size:12px;color:#a9bcd3}.help{margin-top:30px}.help summary{cursor:pointer;color:var(--accent)}.error,.errorlist{color:#ffbdcc}.note{border-top:1px solid #38485d;padding:18px 0}.secret{font-family:monospace;overflow-wrap:anywhere;background:#101720;padding:14px}footer{padding:28px 5vw;border-top:1px solid #334154;color:#adbed0;font-size:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:#111;padding:15px}@media(max-width:700px){header,nav,.section-head{flex-wrap:wrap}main{padding:30px 18px}.grid{grid-template-columns:1fr}.card{padding:22px}.brand span{display:block;margin:0}.rows a{align-items:start}nav{gap:16px}}

.brand .demo-label{font:12px system-ui;color:#abc4d6;letter-spacing:0;margin-left:6px}
.qr{display:inline-block;background:#fff;padding:12px;border-radius:10px;margin:6px 0 14px}.qr svg{display:block;width:300px;height:300px;max-width:100%}