:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf8;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,summary{font:inherit}main{background:radial-gradient(circle at 15% 15%,#173568 0,#0000 34%),radial-gradient(circle at 85% 85%,#193e3a 0,#0000 30%);grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);align-items:start;gap:1.5rem;min-height:100vh;padding:clamp(1rem,4vw,4rem);display:grid}section{background:#0d1427e6;border:1px solid #334265;border-radius:24px;box-shadow:0 24px 80px #00000059}.hero{padding:clamp(2rem,5vw,4rem);position:sticky;top:clamp(1rem,4vw,4rem)}.eyebrow{color:#76d8c6;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:800}h1{margin:0 0 1rem;font-size:clamp(2.3rem,5vw,4.7rem);line-height:.98}h2{margin:.2rem 0 0;font-size:clamp(1.65rem,3vw,2.4rem)}h3{margin:0 0 .35rem;font-size:1.05rem}p{color:#b8c4dc;line-height:1.65}.hero>p:not(.eyebrow){font-size:1.08rem}dl{gap:.8rem;margin:2rem 0 0;display:grid}dl div{border-top:1px solid #273451;justify-content:space-between;gap:2rem;padding:.9rem 0;display:flex}dt{color:#94a4c5}dd{margin:0}code{color:#8ce8d7}.setup-card{padding:clamp(1.4rem,3vw,2.5rem)}.setup-heading{border-bottom:1px solid #273451;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.4rem;display:flex}.step-count{color:#8ce8d7;background:#102f31;border:1px solid #35615b;border-radius:999px;flex:none;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.steps>li{border-bottom:1px solid #273451;grid-template-columns:2rem minmax(0,1fr);gap:1rem;padding:1.6rem 0;display:grid}.step-number{color:#081410;background:#76d8c6;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.step-content{min-width:0}.step-content>p,details p{margin:.2rem 0 .8rem;font-size:.9rem}details{background:#0a1122;border:1px solid #2d3c5d;border-radius:12px;margin-top:.75rem}summary{cursor:pointer;color:#dce6fa;padding:.8rem 1rem;font-weight:700}details[open]{padding-bottom:.85rem}details[open] summary{border-bottom:1px solid #25324e;margin-bottom:.2rem}details p,details .code-block{margin-left:.85rem;margin-right:.85rem}.code-block{background:#070c17;border:1px solid #30405f;border-radius:10px;position:relative;overflow:hidden}pre{white-space:pre;margin:0;padding:1rem 4.5rem 1rem 1rem;font-size:.78rem;line-height:1.55;overflow-x:auto}.code-block button{color:#dce6fa;cursor:pointer;background:#17223a;border:1px solid #41537a;border-radius:7px;padding:.35rem .6rem;font-size:.74rem;position:absolute;top:.6rem;right:.6rem}.code-block button:hover{color:#8ce8d7;border-color:#76d8c6}.prompt-list{gap:.6rem;display:grid}.prompt-list code{color:#c8f4ec;background:#091421;border-left:3px solid #76d8c6;border-radius:0 8px 8px 0;padding:.75rem .85rem;font-size:.8rem;line-height:1.5;display:block}.security-note{color:#e6d3aa;background:#2b2112;border:1px solid #664d26;border-radius:10px;margin:1.25rem 0 0;padding:.85rem 1rem;font-size:.82rem}@media (max-width:900px){main{grid-template-columns:1fr}.hero{position:static}}@media (max-width:560px){main{padding:.75rem}section{border-radius:18px}.hero,.setup-card{padding:1.35rem}dl div{gap:.3rem;display:grid}.steps>li{grid-template-columns:1.7rem minmax(0,1fr);gap:.75rem}.step-number{width:1.7rem;height:1.7rem;font-size:.8rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding-top:2.8rem;padding-right:1rem}}