:root{color-scheme:dark;--bg:#08060f;--panel:#100d18;--text:#fff;--muted:rgba(255,255,255,.62);--line:rgba(255,255,255,.11);--cyan:#67e8f9;--pink:#f0abfc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6;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:48px 48px}.page-glow{position:absolute;inset:0 0 auto;height:700px;pointer-events:none;background:radial-gradient(circle at 15% 0,rgba(217,70,239,.18),transparent 44%),radial-gradient(circle at 90% 20%,rgba(34,211,238,.12),transparent 38%)}.shell{position:relative;width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;z-index:20;top:12px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(16,13,24,.88);backdrop-filter:blur(18px)}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:-.03em}.brand>span:last-child span{opacity:.45}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#09060f;background:linear-gradient(135deg,#f472b6,#8b5cf6,#22d3ee)}.site-header nav{display:flex;gap:20px;color:rgba(255,255,255,.55);font-size:14px;font-weight:700}.site-header nav a:hover,.site-footer a:hover{color:#fff}.start-button,.primary{border-radius:10px;padding:9px 16px;font-size:14px;font-weight:900;background:linear-gradient(90deg,#d946ef,#8b5cf6,#6366f1)}.guide-hero{max-width:900px;padding:86px 0 52px}.back-link{display:inline-flex;padding:5px 12px;border:1px solid rgba(103,232,249,.2);border-radius:999px;background:rgba(103,232,249,.08);color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow,.more-guides>span,.tool-cta>span{margin:28px 0 0;color:var(--pink);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.guide-hero h1{max-width:850px;margin:14px 0 0;font-size:clamp(42px,6vw,72px);line-height:1.03;letter-spacing:-.045em}.intro{max-width:820px;margin:24px 0 0;color:var(--muted);font-size:21px;line-height:1.75}.meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);color:rgba(255,255,255,.38);font-size:12px;font-weight:700}.article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;align-items:start}.contents{position:sticky;top:95px;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.contents>strong{color:var(--cyan);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.contents ol{margin:18px 0 0;padding-left:20px}.contents li{margin:10px 0;color:rgba(255,255,255,.48);font-size:14px;line-height:1.55}.contents a:hover{color:#fff}.takeaways{padding:24px;border:1px solid rgba(196,181,253,.22);border-radius:20px;background:rgba(196,181,253,.07)}.takeaways h2{margin:0;font-size:20px}.takeaways ul{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.takeaways li{position:relative;padding-left:28px;color:var(--muted)}.takeaways li:before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:900}.guide-section{scroll-margin-top:110px;margin-top:58px}.guide-section h2,.tool-cta h2,.more-guides h2,.main-cta h2{margin:0;font-size:34px;line-height:1.18;letter-spacing:-.03em}.guide-section p{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.9}.detail-list{display:grid;gap:11px;margin:22px 0 0;padding:22px 24px 22px 44px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);color:var(--muted)}.note{padding:15px 18px;border-left:2px solid var(--cyan);border-radius:0 14px 14px 0;background:rgba(103,232,249,.06);font-size:15px!important}.note strong{color:var(--cyan)}.tool-cta{margin-top:64px;padding:30px;border:1px solid rgba(240,171,252,.2);border-radius:24px;background:linear-gradient(135deg,rgba(217,70,239,.1),rgba(34,211,238,.06))}.tool-cta>span{display:block;margin:0}.tool-cta h2{margin-top:10px;font-size:28px}.tool-cta p{color:var(--muted)}.tool-cta a{display:inline-flex;margin-top:12px;padding:11px 18px;border-radius:10px;background:#fff;color:#0a0710;font-size:14px;font-weight:900}.more-guides{margin-top:94px;padding-top:52px;border-top:1px solid var(--line)}.more-guides>span{color:var(--cyan)}.more-guides h2{margin-top:8px}.more-guides>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.related-card{display:flex;min-height:190px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.related-card>span{color:var(--pink);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.related-card>strong{margin-top:12px;line-height:1.4}.related-card>em{margin-top:auto;padding-top:20px;color:var(--cyan);font-size:14px;font-style:normal;font-weight:900}.main-cta{margin:84px 0;padding:56px 40px;text-align:center;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(192,38,211,.25),rgba(124,58,237,.18),rgba(34,211,238,.15))}.main-cta p{max-width:700px;margin:14px auto 0;color:var(--muted)}.main-cta>div{display:flex;justify-content:center;gap:12px;margin-top:26px}.main-cta a{padding:11px 18px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-weight:900}.site-footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:32px;align-items:start;padding:38px 0;border-top:1px solid var(--line);color:rgba(255,255,255,.42);font-size:13px}.site-footer p{max-width:380px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 20px}@media(max-width:800px){.shell{width:min(100% - 28px,680px)}.site-header nav{display:none}.site-header{gap:10px}.article-layout{grid-template-columns:1fr}.contents{position:static}.guide-hero{padding-top:64px}.guide-hero h1{font-size:clamp(38px,11vw,58px)}.intro{font-size:18px}.more-guides>div{grid-template-columns:1fr}.related-card{min-height:150px}.site-footer{grid-template-columns:1fr}.main-cta{padding:42px 20px}.main-cta>div{flex-direction:column}.main-cta a{display:block}.guide-section h2,.more-guides h2,.main-cta h2{font-size:29px}}@media(max-width:440px){.brand{font-size:16px}.brand-mark{width:32px;height:32px}.start-button{padding:8px 12px}.guide-hero{padding-top:52px}.guide-hero h1{font-size:38px}.intro{font-size:17px;line-height:1.7}.guide-section p{font-size:16px}.site-footer nav{flex-direction:column}}