@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary:#050914;--bg-secondary:#0a1628;--bg-card:#ffffff0a;--bg-card-hover:#ffffff14;--border:#ffffff14;--border-hover:#6366f180;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#06b6d4;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-red:#ef4444;--accent-pink:#ec4899;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--gradient-primary:linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-secondary:linear-gradient(135deg, #06b6d4, #6366f1);--gradient-green:linear-gradient(135deg, #10b981, #06b6d4);--gradient-orange:linear-gradient(135deg, #f59e0b, #ef4444);--gradient-pink:linear-gradient(135deg, #ec4899, #8b5cf6);--shadow-glow:0 0 40px #6366f126;--shadow-card:0 4px 24px #0000004d, 0 1px 4px #0003;--shadow-hover:0 16px 48px #6366f140, 0 4px 16px #0000004d;--shadow-glow-green:0 0 30px #10b98133;--shadow-glow-cyan:0 0 30px #06b6d433;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--font-main:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.175, .885, .32, 1.275)}body.light-theme{--bg-primary:#f8fafc;--bg-secondary:#eef6ff;--bg-card:#0f172a0b;--bg-card-hover:#0f172a13;--border:#0f172a1c;--border-hover:#6366f16b;--text-primary:#020617;--text-secondary:#1e293b;--text-muted:#475569;--shadow-glow:0 0 40px #6366f11f;--shadow-card:0 2px 12px #0f172a14, 0 1px 3px #0f172a0f;--shadow-hover:0 12px 40px #6366f12e, 0 4px 12px #0f172a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}.bg-animated{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb:first-child{background:var(--accent-primary);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.bg-orb:nth-child(2){background:var(--accent-secondary);width:500px;height:500px;animation-delay:-7s;top:50%;right:-150px}.bg-orb:nth-child(3){background:var(--accent-tertiary);width:400px;height:400px;animation-delay:-14s;bottom:-100px;left:30%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.bg-grid{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#6366f114 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}body.light-theme .bg-orb{opacity:.1}body.light-theme .bg-grid{background-image:radial-gradient(circle,#6366f129 1px,#0000 1px)}#root>div>main,.page-wrapper{padding-top:64px}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);font-size:.95rem;font-weight:600;font-family:var(--font-main);border:none;align-items:center;gap:.5rem;padding:12px 28px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f166,0 1px 3px #0003}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #6366f180,0 2px 6px #0003}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.btn-icon{font-size:1.1rem}.section-header{text-align:center;margin-bottom:4rem}.section-tag{border-radius:var(--radius-full);color:var(--accent-primary);text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d;margin-bottom:1rem;padding:6px 18px;font-size:.78rem;font-weight:700;display:inline-block;box-shadow:0 2px 8px #6366f126}.section-title{letter-spacing:-.5px;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.05rem;line-height:1.7}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-2{background:var(--gradient-secondary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}#navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:64px;transition:var(--transition);background:#050914cc;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}#navbar.scrolled{background:#050914f7;border-bottom-color:#6366f14d}body.light-theme #navbar{background:#ffffffd1}body.light-theme #navbar.scrolled{background:#fffffff7}.nav-logo{letter-spacing:-.5px;cursor:pointer;color:var(--text-primary);flex-shrink:0;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.nav-logo img{background:0 0!important;border-radius:0!important}body.light-theme .nav-logo img{filter:drop-shadow(0 0 #0000)}.nav-logo .logo-icon{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nav-logo span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.nav-primary{flex:1;align-items:center;gap:2px;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition);white-space:nowrap;padding:7px 12px;font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card)}.nav-more-btn{color:var(--text-secondary)!important}.nav-more-btn:hover{background:var(--bg-card);color:var(--text-primary)!important}.nav-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.nav-cta-btn{border-radius:var(--radius-full);background:var(--gradient-primary);white-space:nowrap;transition:var(--transition);padding:8px 16px;font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #6366f166;color:#fff!important}.nav-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:.82rem;font-weight:500;font-family:var(--font-main);white-space:nowrap;align-items:center;gap:5px;padding:7px 12px;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text-primary)}.theme-toggle-text{display:none}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:5px;padding:5px;display:none}.nav-toggle span{background:var(--text-primary);border-radius:2px;width:22px;height:2px;display:block}@media (width>=1200px){.theme-toggle-text{display:inline}}@media (width<=1100px){.nav-link{padding:7px 9px;font-size:.82rem}}@media (width<=960px){.nav-cta-btn{display:none}.nav-link{padding:7px 8px;font-size:.8rem}}@media (width<=780px){.nav-primary,.nav-right .search-trigger{display:none}.nav-toggle{display:flex}}@media (width<=520px){#navbar{gap:.5rem;padding:0 1rem}.nav-right{gap:.25rem}.theme-toggle{padding:7px 10px}}#hero{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:80px 2rem;display:flex;position:relative}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-badge{border-radius:var(--radius-full);color:var(--text-secondary);background:#6366f11a;border:1px solid #6366f140;align-items:center;gap:8px;margin-bottom:2rem;padding:8px 20px;font-size:.85rem;font-weight:500;display:inline-flex}.hero-badge .dot{background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{letter-spacing:-2px;margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1.05}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-radius:var(--radius-xl);background:linear-gradient(145deg,#6366f114,#8b5cf60a);border:1px solid #6366f133;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;padding:2rem;display:flex;box-shadow:0 8px 32px #6366f11a,inset 0 1px #ffffff0f}.stat-item{text-align:center}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;font-size:.8rem}.hero-terminal{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#0d1117;border:1px solid #ffffff1a;overflow:hidden}.terminal-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:12px 16px;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-title{font-family:var(--font-mono);color:var(--text-muted);margin-left:auto;font-size:.8rem}.terminal-body{padding:1.5rem}.terminal-line{align-items:center;gap:.5rem;display:flex}.terminal-prompt{color:var(--accent-green);font-family:var(--font-mono);font-size:.95rem}#terminalText{font-family:var(--font-mono);color:#e2e8f0;font-size:.95rem}.terminal-cursor{background:var(--accent-primary);width:2px;height:1em;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#tools-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);z-index:1;background:#ffffff04;padding:3rem 0;position:relative;overflow:hidden}.tools-track{gap:2rem;animation:30s linear infinite toolsScroll;display:flex}#tools-strip:hover .tools-track{animation-play-state:paused}@keyframes toolsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tool-item{border-radius:var(--radius-full);white-space:nowrap;color:var(--text-secondary);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 22px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.tool-item:hover{color:var(--text-primary);background:linear-gradient(145deg,#6366f11f,#8b5cf60f);border-color:#6366f159;transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.tool-logo{font-size:1.2rem}#roadmap{z-index:1;padding:8rem 0;position:relative}.roadmap-container{flex-direction:column;gap:4rem;display:flex;position:relative}.roadmap-line{background:linear-gradient(to bottom,transparent,var(--accent-primary),transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.roadmap-item{grid-template-columns:1fr 80px 1fr;align-items:center;gap:2rem;display:grid}.roadmap-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;padding:2rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.roadmap-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.roadmap-card:hover{box-shadow:var(--shadow-hover);background:linear-gradient(145deg,#6366f114,#8b5cf60a);border-color:#6366f159;transform:translateY(-6px)}.roadmap-card:hover:before{opacity:1}body.light-theme .roadmap-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#6366f11a}body.light-theme .roadmap-card:hover{background:linear-gradient(145deg,#f0f0ff,#f8faff)}.roadmap-step{text-transform:uppercase;letter-spacing:2px;color:var(--accent-primary);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.roadmap-card h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.roadmap-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.7}.roadmap-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{border-radius:var(--radius-full);color:var(--accent-primary);background:#6366f126;padding:4px 12px;font-size:.75rem;font-weight:600}.tag.green{color:var(--accent-green);background:#10b98126}.tag.orange{color:var(--accent-orange);background:#f59e0b26}.tag.cyan{color:var(--accent-tertiary);background:#06b6d426}.tag.pink{color:var(--accent-pink);background:#ec489926}.roadmap-node{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;font-size:.9rem;font-weight:800;display:flex;position:relative;box-shadow:0 0 0 4px #6366f133}@media (width<=768px){.roadmap-item{text-align:center;grid-template-columns:1fr}.roadmap-item>div:first-child:not(.roadmap-card),.roadmap-line{display:none}}#aws-practicals{z-index:1;padding:8rem 0;position:relative}.practical-summary{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;display:flex}.practical-summary>div{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:1.5rem 2.5rem}.practical-summary span{background:var(--gradient-orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.practical-summary p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:.3rem;font-size:.85rem}.aws-practical-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem;display:flex}.practical-week{text-transform:uppercase;letter-spacing:2px;color:var(--accent-orange);margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.aws-practical-preview h3{margin-bottom:.75rem;font-size:1.4rem;font-weight:700}.aws-practical-preview p{color:var(--text-secondary);line-height:1.7}#topics{z-index:1;padding:8rem 0;position:relative}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.topic-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff12;flex-direction:column;gap:.75rem;padding:2rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.topic-card:before{content:"";opacity:0;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#6366f11a,transparent 55%);border-radius:var(--radius-xl);transition:opacity .4s;position:absolute;inset:0}.topic-card:after{content:"";opacity:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f10f 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.topic-card:hover{box-shadow:var(--shadow-hover), 0 0 0 1px #6366f126;background:linear-gradient(145deg,#6366f11a,#8b5cf60d);border-color:#6366f166;transform:translateY(-8px)scale(1.01)}.topic-card:hover:before,.topic-card:hover:after{opacity:1}body.light-theme .topic-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#6366f11a}body.light-theme .topic-card:hover{background:linear-gradient(145deg,#f0f0ff,#f8faff);border-color:#6366f159}.topic-arrow{color:var(--text-muted);transition:var(--transition);font-size:1.2rem;position:absolute;top:1.5rem;right:1.5rem}.topic-icon{margin-bottom:.5rem;font-size:2.5rem}.topic-card h3{font-size:1.2rem;font-weight:700}.topic-card p{color:var(--text-secondary);flex:1;font-size:.9rem;line-height:1.7}.topic-meta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.topic-lessons{color:var(--text-muted);font-size:.8rem}.topic-level{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;font-size:.7rem;font-weight:700}.level-beginner{color:var(--accent-green);background:#10b98126}.level-intermediate{color:var(--accent-orange);background:#f59e0b26}.level-advanced{color:var(--accent-pink);background:#ec489926}#interviews{z-index:1;padding:8rem 0;position:relative}.interview-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.interview-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;padding:1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.interview-card:hover{box-shadow:var(--shadow-hover);background:linear-gradient(145deg,#6366f114,#8b5cf60a);border-color:#6366f159;transform:translateY(-6px)}body.light-theme .interview-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#6366f11a}body.light-theme .interview-card:hover{background:linear-gradient(145deg,#f0f0ff,#f8faff)}.interview-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.interview-card-top h3{font-size:1.2rem;font-weight:700}.interview-card-top a{color:var(--accent-primary);transition:var(--transition);font-size:.85rem;font-weight:600}.interview-card-top a:hover{text-decoration:underline}.interview-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.interview-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.qa-link-btn{color:var(--accent-primary);transition:var(--transition);align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:inline-flex}.qa-link-btn:hover{color:var(--accent-secondary);gap:8px}#features{z-index:1;padding:8rem 0;position:relative}.features-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.feature-card{border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;padding:2rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f114,#0000);transition:opacity .3s;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-hover);background:linear-gradient(145deg,#6366f11a,#8b5cf60d);border-color:#6366f166;transform:translateY(-8px)scale(1.02)}.feature-card:hover:before{opacity:1}body.light-theme .feature-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#6366f11a}body.light-theme .feature-card:hover{background:linear-gradient(145deg,#f0f0ff,#f8faff)}.feature-icon{margin-bottom:1rem;font-size:2.5rem}.feature-card h3{margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}#cta{z-index:1;padding:8rem 0;position:relative}.cta-box{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f14d;padding:4rem}.cta-box h2{margin-bottom:1rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.cta-box p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}footer{border-top:1px solid var(--border);z-index:1;padding:5rem 0 2rem;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand .nav-logo{margin-bottom:1rem}.footer-brand p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.footer-col h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.6rem;display:flex}.footer-col a{color:var(--text-secondary);transition:var(--transition);font-size:.9rem}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.footer-bottom p{color:var(--text-muted);font-size:.85rem}.footer-social{gap:.75rem;display:flex}.social-link{transition:var(--transition);opacity:.7;font-size:1.3rem}.social-link:hover{opacity:1;transform:translateY(-2px)}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.modal{z-index:2000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:all}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;position:absolute;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:580px;max-height:80vh;padding:3rem;transition:transform .3s;position:relative;overflow-y:auto;transform:scale(.9)}.modal.open .modal-content{transform:scale(1)}.modal-close{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-primary)}.modal-icon{border-radius:var(--radius-md);color:var(--accent-primary);letter-spacing:2px;background:#6366f126;border:1px solid #6366f14d;margin-bottom:1.5rem;padding:8px 16px;font-size:.8rem;font-weight:700;display:inline-block}.modal-title{margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.modal-subtitle{color:var(--accent-primary);margin-bottom:1rem;font-size:.95rem}.modal-desc{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.modal-details{flex-direction:column;gap:.75rem;display:flex}.modal-detail-item{background:var(--bg-card);border-radius:var(--radius-md);gap:.75rem;padding:1rem;display:flex}.modal-detail-item span{color:var(--accent-primary);flex-shrink:0;font-weight:700}.modal-detail-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}body.modal-open{overflow:hidden}.search-trigger{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:var(--transition);font-size:.82rem;font-family:var(--font-main);white-space:nowrap;align-items:center;gap:8px;padding:7px 14px;display:flex}.search-trigger:hover{border-color:var(--border-hover);color:var(--text-secondary)}.search-trigger kbd{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono);border-radius:4px;padding:2px 6px}.search-trigger-text{display:none}@media (width>=640px){.search-trigger-text{display:inline}}.search-modal{z-index:3000;justify-content:center;align-items:flex-start;padding-top:8vh;display:flex;position:fixed;inset:0}.search-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;position:absolute;inset:0}.search-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);width:90%;max-width:580px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000080}.search-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.search-icon{flex-shrink:0;font-size:1.1rem}.search-input{color:var(--text-primary);font-size:1rem;font-family:var(--font-main);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:1rem}.search-results{max-height:340px;padding:.5rem;list-style:none;overflow-y:auto}.search-result-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:var(--transition);font-family:var(--font-main);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-icon{flex-shrink:0;font-size:1.3rem}.search-result-text{flex:1;min-width:0}.search-result-title{color:var(--text-primary);font-size:.9rem;font-weight:600;display:block}.search-result-section{color:var(--text-muted);margin-top:2px;font-size:.78rem;display:block}.search-result-tag{color:var(--accent-primary);border-radius:var(--radius-full);background:#6366f126;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:600}.search-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.search-hints{color:var(--text-muted);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.82rem;display:flex}.search-hints button{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;color:var(--accent-primary);font-size:.8rem;font-family:var(--font-main);transition:var(--transition);padding:3px 10px}.search-hints button:hover{background:#6366f11a}.search-footer{border-top:1px solid var(--border);color:var(--text-muted);gap:1rem;padding:.75rem 1.25rem;font-size:.72rem;display:flex}@media (width<=1100px){.search-trigger kbd{display:none}}@media (width<=900px){.search-trigger{display:none}}*{scroll-behavior:smooth}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a}body.light-theme .glass-card{background:linear-gradient(145deg,#fff,#f8faff);border-color:#6366f11f}.glow-on-hover{transition:box-shadow .3s,transform .25s}.glow-on-hover:hover{transform:translateY(-2px);box-shadow:0 0 20px #6366f14d}.hero-badge{background:linear-gradient(135deg,#6366f11f,#8b5cf614);box-shadow:0 4px 16px #6366f11a;border:1px solid #6366f140!important}.hero-terminal{box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0d;background:#0d1117!important}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;line-height:1.1;font-size:2.2rem!important;font-weight:900!important}.roadmap-node{transition:transform .3s,box-shadow .3s;box-shadow:0 0 0 4px #6366f133,0 8px 24px #0000004d!important}.roadmap-node:hover{transform:scale(1.1);box-shadow:0 0 0 6px #6366f14d,0 12px 32px #6366f14d!important}.cta-box{position:relative;overflow:hidden;box-shadow:0 8px 32px #6366f11a,inset 0 1px #ffffff0d;background:linear-gradient(135deg,#6366f11f,#8b5cf614)!important;border:1px solid #6366f140!important}.cta-box:before{content:"";background:radial-gradient(circle,#6366f10d 0%,#0000 60%);width:200%;height:200%;animation:4s ease-in-out infinite ctaPulse;position:absolute;top:-50%;left:-50%}@keyframes ctaPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}section{position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#8b5cf6);border-radius:3px}.level-beginner{box-shadow:0 2px 8px #10b98126;color:#10b981!important;background:#10b98126!important}.level-intermediate{box-shadow:0 2px 8px #f59e0b26;color:#f59e0b!important;background:#f59e0b26!important}.level-advanced{box-shadow:0 2px 8px #ec489926;color:#ec4899!important;background:#ec489926!important}.topic-arrow{transition:all .25s cubic-bezier(.175,.885,.32,1.275)!important}.topic-card:hover .topic-arrow{color:var(--accent-primary)!important;transform:translate(4px,-4px)!important}.tag{transition:all .2s;box-shadow:0 1px 4px #6366f11a}.tag:hover{transform:translateY(-1px);box-shadow:0 3px 8px #6366f133}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.container{animation:.4s both pageEnter}.gradient-text,.gradient-text-2{background-size:200%;transition:background-position .5s}h1:hover .gradient-text,h2:hover .gradient-text{background-position:100%}body.light-theme .hero-terminal{box-shadow:0 16px 48px #0f172a33,0 0 0 1px #6366f11a;background:#1a1f2e!important}body.light-theme .tool-item{box-shadow:0 2px 8px #0f172a0f;background:linear-gradient(145deg,#fff,#f0f4ff)!important;border-color:#6366f11f!important}body.light-theme .tool-item:hover{box-shadow:0 6px 20px #6366f11f;background:linear-gradient(145deg,#f0f0ff,#e8eeff)!important}