:root{color-scheme:dark;--bg:#080b10;--panel:#101722;--panel2:#141e2b;--line:#253142;--text:#edf3fb;--muted:#9eacbf;--accent:#8ab4ff;--accent2:#c4dcff;--green:#8ce0c0;--max:1160px;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 14% -12%,#1d3550 0,transparent 35rem),radial-gradient(ellipse at 95% 5%,#25203d 0,transparent 30rem),var(--bg);color:var(--text);font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2);text-decoration:underline}button,input{font:inherit}.wrap{width:min(calc(100% - 36px),var(--max));margin-inline:auto}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:12px;z-index:100;background:var(--text);color:#080b10;padding:10px}.topbar{position:sticky;top:0;z-index:20;background:#080b10eF;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:800;letter-spacing:-.04em;font-size:1.1rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #40536c;border-radius:10px;background:linear-gradient(145deg,#1b2b40,#111722);color:var(--accent)}.navlinks{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.navlinks a{font-size:.9rem;color:var(--muted)}.navlinks a[aria-current=page],.navlinks a:hover{color:var(--text)}.hero{padding:86px 0 64px;border-bottom:1px solid var(--line)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:940px;margin:18px 0;font-size:clamp(2.7rem,7.2vw,5.8rem);line-height:.99;letter-spacing:-.075em}.lead{max-width:790px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.3rem)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-weight:700}.btn.primary{background:var(--text);color:#080b10;border-color:var(--text)}.btn:hover{text-decoration:none;transform:translateY(-1px)}.section{padding:54px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-head{max-width:760px;margin-bottom:28px}.section h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 10px}.section-head p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#121b28ed,#0d121bed);box-shadow:0 16px 44px #0000000a}.card .icon{font-size:1.25rem;color:var(--accent);margin-bottom:15px}.card h3{margin:0 0 7px;font-size:1.2rem;letter-spacing:-.025em}.card p{margin:8px 0 16px;color:var(--muted)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tag{padding:3px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:.76rem}.code{position:relative;margin:16px 0;padding:19px 20px;border:1px solid #29374a;border-radius:11px;background:#070b11;overflow:auto;color:#dbe7f7;font: .9rem/1.75 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre}.code .comment{color:#8192a9}.inline-code{padding:.15em .4em;border-radius:5px;background:#1a2431;color:#dceaff;font: .9em ui-monospace,monospace}.cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:24px;align-items:start}.callout{padding:17px 19px;border-left:3px solid var(--accent);background:#111a26;border-radius:0 9px 9px 0;color:var(--muted)}.search-wrap{position:relative;max-width:560px;width:100%}.search-box{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#0b1018}.search-box input{width:100%;min-width:0;height:48px;border:0;outline:0;background:transparent;color:var(--text)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;display:none;max-height:420px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:12px;background:#0d131d;box-shadow:0 24px 60px #0008}.search-results.open{display:block}.search-result{display:block;padding:12px;border-radius:8px;color:var(--text)}.search-result:hover{background:var(--panel2);text-decoration:none}.search-result small{display:block;color:var(--muted)}.search-empty{padding:14px;color:var(--muted)}.list{display:grid;gap:10px}.list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.list a span{color:var(--muted);font-size:.9rem}.list a i{color:var(--accent)}.steps{counter-reset:step;display:grid;gap:12px}.step{position:relative;padding:17px 18px 17px 58px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.step:before{counter-increment:step;content:counter(step);position:absolute;left:17px;top:17px;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#21324a;color:var(--accent);font-weight:800}.step p{margin:3px 0 0;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:560px;background:var(--panel)}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.85rem}tr:last-child td{border-bottom:0}.footer{padding:36px 0 48px;color:var(--muted);font-size:.9rem}.footer-row{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.breadcrumbs{margin-bottom:22px;color:var(--muted);font-size:.9rem}.breadcrumbs a{color:var(--muted)}.notice{margin:22px 0;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:#111722;color:var(--muted)}.hidden{display:none!important}
@media(max-width:800px){.nav{align-items:flex-start;padding:14px 0;flex-direction:column}.navlinks{justify-content:flex-start;gap:12px}.hero{padding:58px 0 44px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(calc(100% - 26px),var(--max))}.grid,.grid.three{grid-template-columns:1fr}.card{padding:20px}.section{padding:40px 0}.hero h1{font-size:clamp(2.5rem,14vw,4rem)}.list a{align-items:flex-start}.footer-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}