@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&family=Montserrat+Alternates:wght@400;500;600;700&display=swap";:root{font-family:"Exo 2",system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;min-height:100vh}#root{width:100%;min-height:100vh}a{text-decoration:none}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;box-sizing:border-box;font-family:"Exo 2",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;background:url(/assets/back-BnYQH2nS.jpg) center/cover no-repeat fixed,#0b0b0b;background-position:bottom -15px right 50%;background-blend-mode:overlay;color:#fff;line-height:1.6}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#00000040,#00000040);pointer-events:none;z-index:-1}main{flex:1}a{text-decoration:none;color:inherit}.site-header{position:fixed;top:0;width:100%;z-index:100;background:#0a0a0abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,181,109,.3);box-shadow:0 4px 20px #00000026}.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;max-width:1400px;margin:0 auto;width:100%}.nav-center{position:absolute;left:50%;transform:translate(-50%)}.nav-container{display:flex;align-items:center;gap:28px}.logo{font-size:1.25rem;font-weight:700;letter-spacing:.4px;color:#fff}.nav-toggle{display:none;flex-direction:column;gap:6px;background:transparent;border:0;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.primary-nav a{margin-left:28px;font-weight:600;color:#d9d9d9;transition:color .25s ease}.primary-nav a:hover{color:#d7b56d}.primary-nav .cta-link{color:#fff}.hero{min-height:40vh;display:grid;align-items:center;text-align:center;padding:120px 5% 80px;position:relative;max-width:1400px;margin:0 auto;width:100%}.hero-inner{max-width:860px;margin:0 auto}.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 420px at 50% 10%,rgba(0,0,0,.35),transparent 70%);filter:blur(10px);z-index:-1}.orb{position:absolute;border-radius:9999px;filter:blur(26px);opacity:.35;mix-blend-mode:screen}.orb-a{width:260px;height:260px;left:6%;top:28%;background:radial-gradient(circle at 30% 30%,#ffd68c8c,#ffd68c0d);animation:floatA 18s ease-in-out infinite}.orb-b{width:320px;height:320px;right:10%;top:52%;background:radial-gradient(circle at 70% 40%,#ffeec873,#ffeec80a);animation:floatB 22s ease-in-out infinite}@keyframes floatA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-16px,0) scale(1.06)}}@keyframes floatB{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-16px,14px,0) scale(1.04)}}.eyebrow{color:#e4e8ea;text-transform:uppercase;font-size:.8rem;letter-spacing:1.6px;margin-bottom:14px}.hero h1{font-family:Montserrat Alternates,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(2.6rem,5vw,3.8rem);margin-bottom:16px;color:#fff;text-shadow:0 6px 28px rgba(0,0,0,.55)}.subcopy{font-size:1.05rem;margin:0 auto 28px;max-width:720px;color:#ccd4d7}.btn{padding:12px 22px;background:linear-gradient(90deg,#d7b56d,#caa149);color:#1b1b1b;font-weight:700;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #00000059;transition:transform .15s ease,filter .25s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active{transform:translateY(0)}.btn.btn-ghost{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.06);box-shadow:none}.section{padding:60px 5%;text-align:left;max-width:1400px;margin:0 auto;width:100%}.section h2{font-size:1.9rem;margin-bottom:16px;color:#e5feff}.section p{max-width:760px;font-size:1.02rem;line-height:1.7;color:#cfd9da}.features{text-align:center}.features .grid{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stack-card{background:#0a0a0a8c;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;transform:translateY(6px)}.stack-card:hover{transform:translateY(0);border-color:#d7b56d80;box-shadow:0 20px 50px #00000080,0 0 20px #d7b56d26}.stack-card-image{height:180px;background-size:cover;background-position:center;position:relative;overflow:hidden}.stack-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000b3);display:flex;align-items:center;justify-content:center;transition:background .3s ease}.stack-card:hover .stack-card-overlay{background:linear-gradient(to bottom,#0006,#000c)}.stack-logo{font-size:3.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .3s ease}.stack-card:hover .stack-logo{transform:scale(1.1)}.stack-card-content{padding:20px}.stack-card-content h3{color:#fff;font-size:1.3rem;margin-bottom:8px}.stack-tagline{color:#b0c4c7;font-size:.92rem;margin-bottom:14px;display:block}.stack-meta{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.difficulty-badge{padding:4px 12px;border-radius:6px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-badge.beginner{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.difficulty-badge.intermediate{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.difficulty-badge.advanced{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.time-badge{padding:4px 12px;background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3);border-radius:6px;font-size:.82rem;font-weight:600}.stack-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-pill{padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.8rem;color:#d0dfe0}.details-hero{padding:140px 5% 60px;position:relative;background:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);max-width:1400px;margin:0 auto;width:100%}.details-hero-content{max-width:1000px;margin:0 auto}.stack-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.stack-logo-large{font-size:5rem;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.stack-header h1{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:8px;color:#fff}.stack-tagline-large{font-size:1.15rem;color:#b0c4c7;font-weight:500}.stack-description{font-size:1.1rem;line-height:1.8;color:#d0dfe0;margin-bottom:32px}.stack-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{background:#0a0a0a8c;padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-label{display:block;font-size:.85rem;color:#8fa4a7;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px}.info-value{display:block;font-size:1.1rem;color:#fff;font-weight:600}.stack-details-main{display:flex;padding:40px 5% 80px;gap:32px;max-width:1400px;margin:0 auto}.sidebar{flex:0 0 220px;background:#0a0a0a8c;border-radius:14px;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:100px;height:fit-content;border:1px solid rgba(255,255,255,.12)}.sidebar h3{margin-bottom:20px;font-size:1.25rem;color:#e5feff}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin:12px 0}.sidebar ul li a{color:#cfd9da;font-weight:500;transition:color .25s}.sidebar ul li a:hover{color:#d7b56d}.content{flex:1;display:flex;flex-direction:column;gap:20px}.content-card{background:#0a0a0a8c;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:24px}.content-card h3{color:#e5feff;font-size:1.2rem;margin-bottom:16px}.content-card ul{list-style:none;padding-left:0}.content-card ul li{color:#cfd9da;margin-bottom:10px;padding-left:24px;position:relative}.content-card ul li:before{content:"▹";position:absolute;left:0;color:#d7b56d;font-weight:700}.content-card ol{padding-left:24px;color:#cfd9da}.content-card ol li{margin-bottom:12px;line-height:1.6}.full-program-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;height:calc(100vh - 140px);width:100%}.program-section,.output-section{padding:20px;overflow:hidden}.program-section{background:#000000b3;border-right:1px solid rgba(215,181,109,.2)}.output-section{background:#0a0a0ab3}.program-section h3,.output-section h3{margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid rgba(215,181,109,.3);color:#d7b56d;font-size:1.3rem}.program-code-full,.output-content{height:calc(100% - 50px);overflow:auto;background:transparent;padding:10px;border-radius:4px}.program-code-full pre,.output-content pre{margin:0;white-space:pre-wrap;word-break:break-word;height:100%}.program-code-full code,.output-content code{font-family:Courier New,Consolas,monospace;font-size:14px;line-height:1.5;color:#d4d4d4}.program-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.program-code{background:#000000b3;border-radius:8px;padding:20px;overflow-x:auto;max-height:600px;overflow-y:auto}.program-code pre{margin:0;white-space:pre-wrap;word-break:break-word}.program-code code{font-family:Courier New,Consolas,monospace;font-size:14px;line-height:1.5;color:#d4d4d4}.program-output{background:#000000b3;border-radius:8px;padding:20px}.output-placeholder{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed rgba(255,255,255,.3);border-radius:8px}.site-footer{background:#0a0a0abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(215,181,109,.3);padding:20px 0;text-align:center;margin-top:auto}.footer-content p{color:#d0dfe0;font-size:.9rem;margin:0;letter-spacing:.5px}.app-container{display:flex;flex-direction:column;min-height:100vh}@media(max-width:768px){.full-program-layout{grid-template-columns:1fr;height:auto;flex-direction:column}.program-section{border-right:none;border-bottom:1px solid rgba(215,181,109,.2)}.program-container{grid-template-columns:1fr}.nav-wrap{padding:16px 3%}.primary-nav a{margin-left:16px}.stack-details-main{padding:20px 5%;flex-direction:column}.sidebar{flex:none;position:static}}.glow-btn{margin:30px auto;display:block;padding:18px 50px;font-size:22px;font-weight:600;border-radius:50px;border:none;cursor:pointer;color:#1b1b1b;background:linear-gradient(135deg,#d7b56d,#caa149);box-shadow:0 0 15px #d7b56d99;transition:all .25s ease;animation:glowPulse 2s infinite}.glow-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 20px #d7b56de6,0 0 40px #caa149b3}.glow-btn:active{transform:scale(.95)}@keyframes glowPulse{0%{box-shadow:0 0 10px #d7b56d80}50%{box-shadow:0 0 25px #d7b56de6,0 0 50px #caa14999}to{box-shadow:0 0 10px #d7b56d80}}