:root{color-scheme:dark;--bg:#07060a;--panel:#0d0a11;--line:rgba(255,255,255,.085);--text:#f5effa;--muted:#94899c;--purple:#9a63ff;--green:#7be8af;--yellow:#e8bd6d}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(126,69,211,.13),transparent 30%),linear-gradient(180deg,#09070d,#07060a 45%,#08070b);color:var(--text);font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.7;min-height:100vh}a{color:inherit;text-decoration:none}.page-grid{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.shell{width:min(calc(100% - 48px),1120px);margin:auto}.topbar{position:sticky;top:14px;z-index:5;margin-top:14px;height:68px;padding:0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(9,7,13,.76);backdrop-filter:blur(20px);box-shadow:0 18px 60px rgba(0,0,0,.28)}.brand{display:flex;align-items:center;gap:11px;justify-self:start}.brand img{width:38px;height:38px}.brand b{font-size:.78rem;letter-spacing:.14em}.nav{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025)}.nav a{padding:8px 13px;border-radius:999px;color:#92889b;font-size:.68rem;font-weight:750}.nav a:hover,.nav a.active{color:#fff;background:rgba(154,99,255,.11)}.contact{justify-self:end;color:#bca8cb;font-size:.68rem;font-weight:700}.page{padding:88px 0 110px}.hero{display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:40px;padding-bottom:42px;border-bottom:1px solid var(--line)}.kicker{color:#81768a;font:700 .57rem/1 ui-monospace,monospace;letter-spacing:.16em}.hero h1{margin:15px 0 0;font:800 clamp(3.5rem,8vw,7rem)/.82 "Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;letter-spacing:-.07em}.hero p{margin:0;color:#9c91a4;font-size:.84rem}.hero p strong{color:#e7ddec}.notice{margin-top:24px;padding:15px 17px;border:1px solid rgba(154,99,255,.16);border-radius:14px;background:rgba(154,99,255,.04);color:#b9acc2;font-size:.74rem}.content{display:grid;gap:14px;margin-top:28px}.block{padding:28px 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 22px 70px rgba(0,0,0,.15)}.block-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.block-top span{color:#73697b;font:700 .5rem/1 ui-monospace,monospace;letter-spacing:.15em}.block-top b{padding:6px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#8e7c9d;font:700 .47rem/1 ui-monospace,monospace;letter-spacing:.1em}.block h2{margin:26px 0 10px;font-size:1.6rem;line-height:1.15;letter-spacing:-.035em}.block h3{margin:20px 0 8px;font-size:1rem}.block p,.block li{color:#9f94a7;font-size:.8rem}.block ul{padding-left:20px}.block code{font-family:ui-monospace,monospace;color:#cbb6de}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.card{padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.015)}.card span{color:#766b7e;font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.13em}.card strong{display:block;margin-top:10px;font-size:1.08rem}.card p{margin:7px 0 0;font-size:.7rem}.links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.links a{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.018);font-weight:750}.links a:hover{border-color:rgba(154,99,255,.28);background:rgba(154,99,255,.045)}.foot{display:flex;justify-content:space-between;gap:18px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);color:#756b7c;font-size:.67rem}.foot a{color:#c7b1d8;font-weight:750}@media(max-width:800px){.shell{width:min(calc(100% - 28px),1120px)}.topbar{grid-template-columns:1fr auto}.nav{display:none}.contact{display:none}.page{padding-top:58px}.hero{grid-template-columns:1fr}.grid,.links{grid-template-columns:1fr}.block{padding:22px}.foot{flex-direction:column}}