.guide-topbar{position:sticky;top:0;z-index:950;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;background:rgba(5,6,10,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.guide-topbar-logo{font-family:Syne,'Syne Fallback',sans-serif;font-weight:800;font-size:17px;color:#fff;display:inline-flex;align-items:center;gap:8px;text-decoration:none;letter-spacing:-.3px}.guide-topbar-logo img{width:24px;height:24px;border-radius:5px;object-fit:contain}.guide-topbar-logo span{background:linear-gradient(90deg,#00e5ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-topbar-right{display:flex;align-items:center;gap:16px}.guide-topbar-badge{font-family:Syne,'Syne Fallback',sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#f0b429;background:rgba(240,180,41,.08);border:1px solid rgba(240,180,41,.18);padding:4px 12px;border-radius:6px}.guide-topbar-back{font-family:'DM Sans','DM Sans Fallback',sans-serif;font-size:13px;color:#7b82a0;text-decoration:none;transition:color .2s}.guide-topbar-back:hover{color:#e8eaf6}.guide-topbar-cta{font-family:Syne,'Syne Fallback',sans-serif;font-weight:700;font-size:12px;color:#000;background:linear-gradient(135deg,#00e5ff,#7b61ff);border:none;border-radius:7px;padding:8px 18px;text-decoration:none;transition:opacity .2s}.guide-topbar-cta:hover{opacity:.85}@media (max-width:600px){.guide-topbar{padding:0 16px;height:50px}.guide-topbar-badge{display:none}.guide-topbar-back{display:none}.guide-topbar-cta{font-size:11px;padding:7px 14px}}.guide-footer{background:#05060a;border-top:1px solid rgba(255,255,255,.06);padding:40px 32px 28px;text-align:center}.guide-footer-inner{max-width:780px;margin:0 auto}.guide-footer-logo{font-family:Syne,'Syne Fallback',sans-serif;font-weight:800;font-size:18px;color:#fff;display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:12px}.guide-footer-logo img{width:24px;height:24px;border-radius:5px}.guide-footer-logo span{background:linear-gradient(90deg,#00e5ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-footer-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:16px 0 20px}.guide-footer-links a{font-family:'DM Sans','DM Sans Fallback',sans-serif;font-size:13px;color:#7b82a0;text-decoration:none;transition:color .2s}.guide-footer-links a:hover{color:#e8eaf6}.guide-footer-social{display:flex;gap:16px;justify-content:center;margin:16px 0}.guide-footer-social a{color:#7b82a0;transition:color .2s}.guide-footer-social a:hover{color:#00e5ff}.guide-footer-copy{font-size:11px;color:rgba(123,130,160,.5);line-height:1.6;margin-top:16px}@media (max-width:600px){.guide-footer{padding:28px 16px 20px}.guide-footer-links{gap:16px}}:root{--navy:#0a0e1a;--navy-light:#111729;--navy-mid:#161d30;--cyan:#00e5ff;--cyan-dim:rgba(0, 229, 255, 0.15);--cyan-glow:rgba(0, 229, 255, 0.4);--purple:#6C5CE7;--purple-dim:rgba(108, 92, 231, 0.15);--green:#00f5a0;--red:#ff4757;--gold:#ffd700;--text:#c8d6e5;--text-bright:#e8eef5;--text-dim:#7a8ba8}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text);font-family:'DM Sans','DM Sans Fallback',sans-serif;line-height:1.8;font-size:17px;overflow-x:hidden}.progress-bar{position:fixed;top:56px;left:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--purple));z-index:9999;transition:width .15s ease;box-shadow:0 0 12px var(--cyan-glow)}@media (max-width:600px){.progress-bar{top:50px}}.toc-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:8px}.toc-dot{width:10px;height:10px;border-radius:50%;background:var(--text-dim);cursor:pointer;transition:all .3s;position:relative}.toc-dot.active{background:var(--cyan);box-shadow:0 0 10px var(--cyan-glow);transform:scale(1.3)}.toc-dot:hover::after{content:attr(data-label);position:absolute;left:20px;top:50%;transform:translateY(-50%);background:var(--navy-mid);color:var(--text-bright);padding:4px 10px;border-radius:6px;font-size:12px;white-space:nowrap;border:1px solid rgba(0,229,255,.2)}@media (max-width:1100px){.toc-sidebar{display:none}}.hero{min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 24px;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--cyan-dim) 0,transparent 70%);top:-100px;right:-150px;pointer-events:none}.hero::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--purple-dim) 0,transparent 70%);bottom:-100px;left:-100px;pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-dim);border:1px solid rgba(0,229,255,.25);padding:6px 16px;border-radius:40px;font-size:13px;color:var(--cyan);font-weight:600;letter-spacing:.5px;margin-bottom:28px;text-transform:uppercase;animation:fadeInDown .8s ease}.hero h1{font-family:Syne,'Syne Fallback',sans-serif;font-size:clamp(2.2rem, 5.5vw, 3.8rem);font-weight:800;color:var(--text-bright);line-height:1.1;max-width:860px;margin-bottom:20px;letter-spacing:-1.5px;animation:fadeInUp .8s ease}.hero h1 span{color:var(--cyan)}.hero-sub{font-size:1.1rem;color:var(--text-dim);max-width:620px;margin-bottom:32px;animation:fadeInUp 1s ease;font-weight:300}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--text-dim);animation:fadeInUp 1.2s ease}.hero-meta span{display:flex;align-items:center;gap:6px}.content{max-width:780px;margin:0 auto;padding:0 24px 80px}.toc-card{background:var(--navy-light);border:1px solid rgba(0,229,255,.12);border-radius:16px;padding:32px;margin-bottom:56px}.toc-card h2{font-family:'Space Mono',monospace;font-size:14px;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}.toc-card ol{list-style:none;counter-reset:toc}.toc-card li{counter-increment:toc;margin-bottom:10px}.toc-card a{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .2s;font-size:15px}.toc-card a::before{content:counter(toc,decimal-leading-zero);font-family:'Space Mono',monospace;font-size:12px;color:var(--cyan);background:var(--cyan-dim);padding:3px 8px;border-radius:4px;min-width:28px;text-align:center}.toc-card a:hover{background:var(--cyan-dim);color:var(--text-bright)}.section{margin-bottom:64px;scroll-margin-top:72px}.section h2{font-family:Syne,'Syne Fallback',sans-serif;font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;color:var(--text-bright);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--cyan-dim);letter-spacing:-.5px}.section h3{font-family:Syne,'Syne Fallback',sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-bright);margin-top:36px;margin-bottom:14px}.section p{margin-bottom:18px;font-weight:300}.section strong{color:var(--text-bright);font-weight:600}.section a{color:var(--cyan);text-decoration:none}.section a:hover{text-decoration:underline}.key-takeaway{background:linear-gradient(135deg,var(--cyan-dim),var(--purple-dim));border-left:4px solid var(--cyan);padding:20px 24px;border-radius:0 12px 12px 0;margin:28px 0;font-size:15px}.key-takeaway strong{color:var(--cyan);display:block;margin-bottom:6px;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.diagram-wrapper{background:var(--navy-light);border:1px solid rgba(0,229,255,.1);border-radius:16px;padding:24px;margin:32px 0;overflow-x:auto}.diagram-wrapper svg{width:100%;height:auto;display:block}.diagram-caption{text-align:center;font-size:13px;color:var(--text-dim);margin-top:12px;font-style:italic}.concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:32px 0}.concept-card{background:var(--navy-mid);border:1px solid rgba(0,229,255,.08);border-radius:14px;padding:24px 20px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.concept-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--purple));opacity:0;transition:opacity .3s}.concept-card:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.25)}.concept-card:hover::before{opacity:1}.concept-card .icon{font-size:28px;margin-bottom:10px}.concept-card h4{color:var(--text-bright);font-size:15px;margin-bottom:8px;font-family:Syne,'Syne Fallback',sans-serif;font-weight:700}.concept-card p{font-size:13px;color:var(--text-dim);margin:0;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .4s ease;font-weight:300}.concept-card.open p{max-height:200px}@media (max-width:600px){.concept-grid{grid-template-columns:1fr}}.phase-tabs{display:flex;gap:0;margin:32px 0 0;border-radius:12px 12px 0 0;overflow:hidden}.phase-tab{flex:1;padding:14px 16px;background:var(--navy-mid);border:1px solid rgba(0,229,255,.08);color:var(--text-dim);font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .3s;font-family:Syne,'Syne Fallback',sans-serif}.phase-tab.active{background:var(--cyan-dim);color:var(--cyan);border-color:rgba(0,229,255,.3)}.phase-content{background:var(--navy-light);border:1px solid rgba(0,229,255,.08);border-top:none;border-radius:0 0 12px 12px;padding:28px;margin-bottom:32px;min-height:160px}.phase-content h4{color:var(--text-bright);margin-bottom:10px;font-family:Syne,'Syne Fallback',sans-serif;font-weight:700}.phase-content p{font-size:15px;margin:0;font-weight:300}.compare-table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:12px;overflow:hidden;font-size:14px}.compare-table th{background:var(--navy-mid);color:var(--cyan);font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;padding:14px 16px;text-align:left;border-bottom:2px solid rgba(0,229,255,.15)}.compare-table td{padding:14px 16px;border-bottom:1px solid rgba(0,229,255,.06);color:var(--text);font-weight:300}.compare-table td strong{font-weight:500}.compare-table tr:nth-child(2n) td{background:var(--navy-light)}.compare-table tr:hover td{background:var(--cyan-dim)}@media (max-width:600px){.compare-table{font-size:12px}.compare-table td,.compare-table th{padding:10px 8px}}.quiz-section{background:var(--navy-light);border:1px solid rgba(108,92,231,.25);border-radius:16px;padding:36px 32px;margin:48px 0}.quiz-section h3{font-family:'Space Mono',monospace;color:var(--purple);font-size:12px;text-transform:uppercase;letter-spacing:2px;margin:0 0 6px}.quiz-section h2{font-family:Syne,'Syne Fallback',sans-serif;color:var(--text-bright);border:none;padding:0;margin-bottom:28px;font-size:1.6rem;letter-spacing:-.5px}.quiz-progress{display:flex;gap:6px;margin-bottom:28px}.quiz-progress .pip{flex:1;height:4px;border-radius:2px;background:var(--navy-mid);transition:background .4s ease}.quiz-progress .pip.done{background:var(--green)}.quiz-progress .pip.wrong{background:var(--red)}.quiz-progress .pip.current{background:var(--purple)}.quiz-question{font-size:1.05rem;color:var(--text-bright);margin-bottom:20px;font-weight:500}.quiz-options{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.quiz-option{background:var(--navy-mid);border:1px solid rgba(0,229,255,.08);padding:14px 18px;border-radius:10px;cursor:pointer;transition:all .25s;font-size:15px;color:var(--text);font-weight:300}.quiz-option:hover{border-color:rgba(0,229,255,.3);background:var(--cyan-dim)}.quiz-option.correct{border-color:var(--green)!important;background:rgba(0,245,160,.1)!important;color:var(--green)!important}.quiz-option.wrong{border-color:var(--red)!important;background:rgba(255,71,87,.1)!important;color:var(--red)!important}.quiz-option.disabled{pointer-events:none;opacity:.6}.quiz-feedback{padding:16px;border-radius:10px;margin-bottom:16px;font-size:14px;display:none;font-weight:300;line-height:1.6}.quiz-feedback.show{display:block}.quiz-feedback.correct-fb{background:rgba(0,245,160,.08);color:var(--green);border:1px solid rgba(0,245,160,.2)}.quiz-feedback.wrong-fb{background:rgba(255,71,87,.08);color:var(--red);border:1px solid rgba(255,71,87,.2)}.quiz-next{display:none;background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;color:var(--navy);font-weight:700;padding:12px 28px;border-radius:8px;cursor:pointer;font-size:14px;font-family:Syne,'Syne Fallback',sans-serif}.quiz-next.show{display:inline-block}.quiz-score{text-align:center;display:none}.quiz-score.show{display:block}.quiz-score .score-num{font-family:Syne,'Syne Fallback',sans-serif;font-size:3.5rem;color:var(--cyan);font-weight:800}.quiz-score p{color:var(--text-dim)}@media (max-width:600px){.quiz-section{padding:24px 18px}}.faq-item{border-bottom:1px solid rgba(0,229,255,.08)}.faq-q{padding:18px 0;cursor:pointer;font-weight:600;color:var(--text-bright);display:flex;justify-content:space-between;align-items:center;transition:color .3s}.faq-q:hover{color:var(--cyan)}.faq-q::after{content:'+';font-family:'Space Mono',monospace;font-size:20px;color:var(--cyan);transition:transform .3s}.faq-q.open::after{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;font-size:15px;color:var(--text-dim);line-height:1.7;font-weight:300}.faq-a.open{max-height:300px;padding-bottom:18px}.cta-box{background:linear-gradient(135deg,rgba(0,229,255,.08),rgba(108,92,231,.08));border:1px solid rgba(0,229,255,.2);border-radius:16px;padding:40px 32px;text-align:center;margin:56px 0}.cta-box h3{font-family:Syne,'Syne Fallback',sans-serif;font-size:1.5rem;color:var(--text-bright);margin:0 0 12px;letter-spacing:-.5px}.cta-box p{color:var(--text-dim);margin-bottom:20px;font-weight:300}.cta-btn{display:inline-block;background:linear-gradient(135deg,var(--cyan),var(--purple));color:var(--navy);font-weight:700;padding:14px 36px;border-radius:10px;text-decoration:none;font-size:15px;font-family:Syne,'Syne Fallback',sans-serif;transition:transform .2s,box-shadow .2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--cyan-glow)}@media (max-width:600px){.cta-box{padding:28px 20px}}.related-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.related-links a{display:block;background:var(--navy-mid);border:1px solid rgba(0,229,255,.08);padding:16px;border-radius:10px;color:var(--text);text-decoration:none;font-size:14px;transition:all .2s;font-weight:300}.related-links a:hover{border-color:rgba(0,229,255,.3);color:var(--cyan);transform:translateY(-2px)}.related-links a small{display:block;color:var(--text-dim);font-size:11px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media (max-width:600px){.related-links{grid-template-columns:1fr}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.guide-breadcrumb{font-size:12px;color:var(--text-dim);padding:14px 24px;max-width:780px;margin:0 auto}.guide-breadcrumb a{color:var(--cyan);text-decoration:none}.guide-breadcrumb span{margin:0 6px}@media (max-width:768px){.hero{min-height:60vh;padding:40px 20px}.content{padding:0 16px 60px}}.lang-switcher{position:relative;cursor:pointer}.lang-trigger{display:flex;align-items:center;gap:6px;font-size:13px;color:#7b82a0;padding:6px 10px;background:rgba(15,18,32,.8);border:1px solid rgba(255,255,255,.07);border-radius:8px;transition:border-color .2s,color .2s;user-select:none;white-space:nowrap}.lang-trigger:hover{border-color:rgba(255,255,255,.12);color:#e8eaf6}.lang-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#0f1220;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 0;min-width:200px;list-style:none;box-shadow:0 12px 40px rgba(0,0,0,.6);z-index:1000}.lang-switcher:hover .lang-menu{display:block}.lang-menu li a{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;color:#7b82a0;transition:background .15s,color .15s}.lang-menu li a:hover{background:rgba(19,23,41,.8);color:#e8eaf6}.lang-menu .lang-active{color:#00e5ff}.realistic-chart img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:#101622}