:root{--bg:#060509;--panel:#0d0a12;--panel2:#120b18;--line:rgba(176,74,255,.22);--purple:#b13cff;--purple2:#d889ff;--text:#f7f3fb;--muted:#9d95a7}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{margin:0;background:radial-gradient(circle at 72% 0%,rgba(154,38,234,.14),transparent 38%),#060509;min-height:100vh}.guide-nav{height:72px;display:flex;align-items:center;gap:22px;padding:0 5vw;border-bottom:1px solid rgba(168,85,247,.16);background:rgba(6,5,9,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.guide-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.guide-brand img{width:31px;height:31px;border-radius:8px;box-shadow:0 0 22px rgba(166,50,255,.35)}.guide-links{display:flex;gap:20px;margin-left:auto}.guide-links a{color:#aaa1b3;text-decoration:none;font-size:12px}.guide-links a:hover{color:#fff}.guide-shell{width:min(1120px,90vw);margin:0 auto}.guide-hero{padding:76px 0 46px;border-bottom:1px solid rgba(168,85,247,.12)}.guide-kicker,.guide-meta,.guide-card span,.eyebrow{font:700 10px "Space Mono",monospace;letter-spacing:.15em;color:#bf65ff}.guide-hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:16px 0 18px;max-width:900px}.guide-hero p{font-size:17px;line-height:1.75;color:#aaa2b3;max-width:780px}.guide-meta{margin-top:24px;color:#746b7c}.guide-content{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:46px;padding:52px 0 90px}.guide-article{min-width:0}.guide-article h2{font-size:30px;letter-spacing:-.025em;margin:50px 0 14px}.guide-article h2:first-child{margin-top:0}.guide-article h3{font-size:20px;margin:30px 0 10px}.guide-article p,.guide-article li{color:#aaa3b2;font-size:15px;line-height:1.86}.guide-article strong{color:#eee8f4}.guide-article a{color:#cd7bff}.guide-article ul,.guide-article ol{padding-left:22px}.guide-callout{margin:26px 0;padding:20px 22px;border:1px solid rgba(177,60,255,.27);border-radius:13px;background:linear-gradient(135deg,rgba(177,60,255,.085),rgba(255,255,255,.015))}.guide-callout strong{display:block;margin-bottom:6px}.guide-code{padding:15px 17px;border-radius:10px;background:#0a0810;border:1px solid rgba(255,255,255,.08);font-family:"Space Mono",monospace;color:#ddd4e6;overflow:auto}.guide-aside{position:sticky;top:98px;height:max-content}.guide-aside-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(16,10,22,.76);margin-bottom:12px}.guide-aside-card b{display:block;margin-bottom:10px}.guide-aside-card a{display:block;color:#a99eb3;text-decoration:none;font-size:12px;line-height:1.6;padding:5px 0}.guide-aside-card a:hover{color:#d483ff}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.guide-card{display:block;padding:24px;border:1px solid var(--line);border-radius:15px;background:rgba(16,10,22,.68);text-decoration:none;color:#fff}.guide-card:hover{border-color:rgba(193,92,255,.55);transform:translateY(-2px)}.guide-card h2{font-size:22px!important;margin:13px 0 9px!important}.guide-card p{font-size:13px;line-height:1.7;margin:0}.guide-home-intro{max-width:850px;padding:42px 0 8px}.guide-home-intro h2{font-size:30px;margin-bottom:12px}.guide-footer{border-top:1px solid rgba(168,85,247,.14);padding:28px 5vw;color:#786f80;font:10px "Space Mono",monospace;display:flex;justify-content:space-between;gap:16px}.guide-footer a{color:#a698ae;text-decoration:none}.mini-table{width:100%;border-collapse:collapse;margin:22px 0}.mini-table th,.mini-table td{text-align:left;padding:12px 14px;border:1px solid rgba(168,85,247,.15);font-size:13px}.mini-table th{color:#efe8f5;background:rgba(168,85,247,.06)}.mini-table td{color:#9e96a8}.step{display:grid;grid-template-columns:36px 1fr;gap:14px;margin:20px 0}.step-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(190,74,255,.35);color:#c76fff;font:700 10px "Space Mono",monospace}.step p{margin-top:0}@media(max-width:800px){.guide-links a:nth-child(2),.guide-links a:nth-child(3){display:none}.guide-content{grid-template-columns:1fr}.guide-aside{position:static}.guide-grid{grid-template-columns:1fr}.guide-hero{padding-top:54px}.guide-footer{flex-direction:column}}