@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--bg-black: #050505;--bg-dark: #0a0a0f;--bg-surface: #101018;--neon-cyan: #00f3ff;--neon-magenta: #ff00ff;--neon-lime: #39ff14;--neon-yellow: #fff200;--neon-red: #ff003c;--primary: var(--neon-cyan);--secondary: var(--neon-magenta);--accent: var(--neon-yellow);--success: var(--neon-lime);--error: var(--neon-red);--text-primary: #ffffff;--text-secondary: #a0a0c0;--text-dim: #505070;--glass-bg: rgba(16, 16, 24, .7);--glass-border: rgba(0, 243, 255, .2);--glow-cyan: 0 0 10px rgba(0, 243, 255, .5), 0 0 20px rgba(0, 243, 255, .2);--glow-magenta: 0 0 10px rgba(255, 0, 255, .5), 0 0 20px rgba(255, 0, 255, .2);--glow-lime: 0 0 10px rgba(57, 255, 20, .5), 0 0 20px rgba(57, 255, 20, .2);--font-main: "Rajdhani", sans-serif;--font-display: "Orbitron", sans-serif;--font-mono: "Fira Code", monospace;--radius-tech: 4px;--border-width: 1px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black);color:var(--text-primary);font-family:var(--font-main);font-size:clamp(16px,1.2vw,18px);line-height:1.5;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0%,var(--bg-black) 80%);pointer-events:none;z-index:-1}.scanlines{position:fixed;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 51%,transparent 51%);background-size:100% 4px;pointer-events:none;z-index:1000;opacity:.1;animation:scan 10s linear infinite}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}h1,h2,h3,h4,.font-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px}h1{font-size:clamp(1.75rem,5vw,3rem);color:var(--neon-cyan);text-shadow:var(--glow-cyan);margin-bottom:1.5rem;word-wrap:break-word}h2{font-size:clamp(1.25rem,4vw,2rem);color:var(--neon-magenta);text-shadow:var(--glow-magenta);margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.tech-card{background:var(--bg-surface);border:var(--border-width) solid var(--glass-border);position:relative;padding:1.5rem;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tech-card:hover{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan);transform:translateY(-5px)}.tech-card:before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;background:var(--neon-cyan);box-shadow:var(--glow-cyan)}.btn-tech{font-family:var(--font-display);font-weight:700;padding:.75rem 1.5rem;border:2px solid var(--neon-cyan);background:transparent;color:var(--neon-cyan);cursor:pointer;position:relative;transition:all .2s;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.btn-tech:hover{background:var(--neon-cyan);color:var(--bg-black);box-shadow:var(--glow-cyan)}.btn-tech.secondary{border-color:var(--neon-magenta);color:var(--neon-magenta)}.btn-tech.secondary:hover{background:var(--neon-magenta);color:var(--bg-black);box-shadow:var(--glow-magenta)}.progress-tech{height:6px;background:#1a1a25;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.progress-fill-tech{height:100%;background:var(--neon-cyan);box-shadow:var(--glow-cyan);transition:width .5s ease-out}.label-tech{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.25rem;display:block}.value-tech{font-family:var(--font-display);color:var(--neon-yellow);text-shadow:0 0 5px rgba(255,242,0,.3)}.glow-on-hover:hover{text-shadow:var(--glow-cyan)}@keyframes flicker{0%{opacity:.9}5%{opacity:.5}10%{opacity:.9}15%{opacity:.8}20%{opacity:.9}to{opacity:1}}.flicker{animation:flicker 4s infinite step-end}.glitch-hover:hover{animation:glitch .3s infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.inline-block{display:inline-block}.flex{display:flex}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:2rem}.w-full{width:100%}.text-center{text-align:center}.text-left{text-align:left}.opacity-50{opacity:.5}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.text-neon-lime{color:var(--neon-lime)}.text-neon-yellow{color:var(--neon-yellow)}.text-neon-cyan{color:var(--neon-cyan)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-text-secondary{color:var(--text-secondary)}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.py-12{padding-top:3rem;padding-bottom:3rem}.space-y-3>*+*{margin-top:.75rem}.terminal-window{background:#000;border:1px solid var(--neon-lime);border-radius:4px;overflow:hidden;margin:2rem 0;box-shadow:0 0 15px #39ff141a;position:relative}.terminal-header{background:#39ff141a;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(57,255,20,.2)}.terminal-controls{display:flex;gap:6px}.control-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-lime);opacity:.5}.terminal-title{font-family:var(--font-mono);font-size:.6rem;color:var(--neon-lime);opacity:.8;letter-spacing:1px}.code-block-matrix{background:#000!important;color:var(--neon-lime)!important;padding:1.5rem!important;font-family:var(--font-mono)!important;font-size:.9rem!important;line-height:1.6!important;overflow-x:auto;position:relative}.code-block-matrix:before{content:"";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;z-index:2}.inline-code-vibe{background:#39ff141a!important;color:var(--neon-lime)!important;padding:.2rem .4rem!important;border-radius:3px!important;border:1px solid rgba(57,255,20,.2)!important;font-size:.9em!important}.space-y-4>*+*{margin-top:1rem}.notifications-container{position:fixed;top:2rem;right:2rem;z-index:100000;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.notification-item{pointer-events:auto;width:320px;display:flex;align-items:center;gap:1.25rem;padding:1.25rem;animation:slideIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--neon-yellow);box-shadow:0 0 20px #fff20033}.notification-item.achievement{border-color:var(--neon-yellow)}.notif-icon-wrap{color:var(--neon-yellow);flex-shrink:0}.notif-title{font-size:.75rem;color:var(--neon-cyan);margin-bottom:.25rem}.notif-message{font-size:1rem;color:#fff}.notif-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;line-height:1}@keyframes slideIn{0%{transform:translate(120%) skew(-10deg);opacity:0}to{transform:translate(0) skew(0);opacity:1}}@media(max-width:600px){.notifications-container{top:auto;bottom:110px;right:1rem;left:1rem}.notification-item{width:auto}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-black);position:relative}.tech-border-bottom{border-bottom:1px solid var(--neon-cyan);box-shadow:0 4px 15px #00f3ff1a}.tech-border-top{border-top:1px solid var(--neon-magenta);box-shadow:0 -4px 15px #ff00ff1a}.header{position:sticky;top:0;z-index:100;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;max-width:1400px;margin:0 auto;width:100%}.logo{display:flex;align-items:center;gap:1.25rem;text-decoration:none}.logo-icon{font-size:1.75rem}.logo-text{font-size:1.25rem;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.nav{display:flex;gap:1.5rem}.nav-link{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);position:relative;transition:all .2s}.nav-link:hover{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.nav-link.active{color:var(--neon-cyan)}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--neon-cyan);box-shadow:var(--glow-cyan)}.tech-status{padding:.5rem 1rem;background:#00f3ff0d;border:1px solid rgba(0,243,255,.2);border-radius:var(--radius-tech);display:flex;flex-direction:column}.header-stats{margin-left:2rem;display:flex;gap:1.5rem;align-items:center}.tech-status .value{font-size:1.2rem}.badges-mini{display:flex;gap:.5rem}.tech-badge{width:32px;height:32px;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center}.header-progress{display:flex;align-items:center;gap:1rem;padding:0 1.25rem .5rem;max-width:1400px;margin:0 auto;width:100%}.progress-label{font-size:.7rem;color:var(--neon-cyan);letter-spacing:1px}.main{flex:1;padding:2rem 1.25rem;max-width:1400px;margin:0 auto;width:100%}.footer{padding:2rem;text-align:center;background:var(--bg-dark)}.footer p{color:var(--text-secondary);letter-spacing:2px;font-size:.75rem}.footer-links{margin-top:1rem}.footer-links a{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-magenta)}.mobile-toolbar{display:none;position:fixed;bottom:0;left:0;width:100%;height:calc(75px + env(safe-area-inset-bottom,0px));background:#0a0a0ffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;justify-content:space-around;align-items:center;padding:0 .5rem env(safe-area-inset-bottom,0px);border-top:1px solid var(--neon-cyan);isolation:isolate;transform:translateZ(0)}.toolbar-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--text-dim);font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;transition:all .2s;flex:1}.toolbar-item .icon{font-size:1.25rem}.toolbar-item.active{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.toolbar-item.active .icon{transform:translateY(-5px);filter:drop-shadow(0 0 5px var(--neon-cyan))}@media(max-width:900px){.header-content{padding:.75rem 1rem}.logo-text{font-size:1rem}.nav{display:none}.header-stats{order:2;gap:.5rem}.tech-status{padding:.25rem .5rem}.tech-status .value{font-size:.9rem}.tech-badge{width:28px;height:28px}.mobile-toolbar{display:flex}.main{padding-bottom:2rem}.footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}@media(max-width:600px){.header-progress{gap:.5rem}.progress-label{display:none}.nav{gap:.5rem}}.home{display:flex;flex-direction:column;gap:4rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;position:relative}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--neon-cyan),transparent)}.hero-title{font-size:4rem;line-height:1;margin-bottom:2rem}.gradient-text{color:var(--neon-cyan);text-shadow:0 0 20px rgba(0,243,255,.4)}.hero-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:3rem;letter-spacing:1px}.hero-actions{display:flex;gap:1.5rem}.hero-visual{display:flex;justify-content:center}.cycle-diagram{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.cycle-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--glass-border);min-width:90px;position:relative}.cycle-item.planning{border-color:var(--neon-yellow)}.cycle-item.design{border-color:var(--neon-magenta)}.cycle-item.execute{border-color:var(--neon-cyan)}.cycle-item.verify{border-color:var(--neon-lime)}.cycle-item .icon{font-size:1.5rem}.cycle-item .label{font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary)}.cycle-arrow{color:var(--text-dim);font-family:var(--font-mono)}.stats-section{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}.stat-card{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;min-height:120px;justify-content:center}.stat-card:nth-child(1){--card-glow: var(--neon-cyan)}.stat-card:nth-child(2){--card-glow: var(--neon-magenta)}.stat-card:nth-child(3){--card-glow: var(--neon-lime)}.stat-card:nth-child(4){--card-glow: var(--neon-yellow)}.stat-card:hover{border-color:var(--card-glow);box-shadow:0 0 15px var(--card-glow),inset 0 0 10px #ffffff0d}.stat-icon{font-size:1.75rem;margin-right:1rem}.stat-value{font-size:1.55rem;font-weight:800;line-height:1}.stats-label-group{display:flex;justify-content:space-between;align-items:center;width:100%}.modules-section h2{margin-bottom:2rem;text-align:center}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-family:var(--font-mono)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:4rem}.module-preview{display:flex;flex-direction:column;gap:1.5rem;text-decoration:none;color:inherit}.module-header-tech{display:flex;align-items:center;gap:1rem}.module-icon{font-size:2.5rem}.module-title{font-size:1rem;margin:0}.module-desc{font-size:1rem;color:var(--text-secondary);min-height:3rem}.module-footer-tech{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.status-complete{font-family:var(--font-display);font-size:.7rem;color:var(--neon-lime)}.cta-section{text-align:center;border-color:var(--neon-magenta)}.cta-section:before{background:var(--neon-magenta);box-shadow:var(--glow-magenta)}.cta-content p{margin:1.5rem auto 2.5rem;max-width:600px}@media(max-width:1024px){.hero{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.modules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.stats-section{grid-template-columns:repeat(2,1fr)}.modules-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.hero-actions .btn-tech{width:100%;font-size:.8rem;padding:.75rem 1rem;text-align:center;white-space:nowrap}.cycle-diagram{flex-direction:column;gap:.75rem}.cycle-arrow{transform:rotate(90deg);margin:.25rem 0}.cycle-item{width:100%;max-width:200px}.cta-content .btn-tech{display:inline-block;width:100%;max-width:280px;font-size:.75rem;padding:.8rem 1rem;margin:1rem auto}}.community-cta{border-color:var(--neon-magenta);box-shadow:0 0 15px #ff00ff1a;margin-top:2rem}.community-cta h2 svg{color:var(--neon-magenta)}.community-cta .btn-tech.secondary{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:0 0 10px #f0f3}.community-cta .btn-tech.secondary:hover{background:#ff00ff1a;box-shadow:0 0 20px #f0f6}.testimonials-section{padding:2rem 0}.testimonials-section .section-title{display:flex;align-items:center;margin-bottom:.5rem}.testimonials-disclaimer{font-size:1rem;color:var(--text-dim);margin-bottom:2rem}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial-card{padding:1.5rem;text-align:center}.testimonial-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;overflow:hidden;border:2px solid var(--neon-cyan);box-shadow:0 0 15px #00f3ff4d}.testimonial-avatar img{width:100%;height:100%;object-fit:cover}.testimonial-text{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem;font-style:italic}.testimonial-name{font-size:.75rem;color:var(--neon-cyan);font-family:var(--font-mono)}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.disclaimer{margin-top:2rem;padding:1.5rem;background:#ffaa000d;border-color:#ffaa004d;border-left:4px solid var(--neon-yellow)}.disclaimer-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.disclaimer-text strong{color:var(--neon-yellow)}.modules-page{max-width:900px;margin:0 auto}.page-header h1{margin-bottom:1rem}.page-header p{color:var(--text-secondary);font-size:.9rem}.overall-progress{margin:2rem auto 0;max-width:500px;padding:1.5rem;border-color:var(--neon-cyan)}.progress-info{display:flex;justify-content:space-between;margin-bottom:.75rem}.modules-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.module-item{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;transition:all .3s}.module-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--module-color);opacity:.3}.module-item:hover:before{opacity:1;box-shadow:0 0 10px var(--module-color)}.module-item.highlighted{border-color:var(--neon-cyan)}.module-item.completed{border-color:var(--neon-lime)}.module-left{display:flex;align-items:center;gap:1.5rem}.module-number-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-dim)}.module-icon-large{font-size:2.5rem}.module-info h3{margin:0 0 .5rem;font-size:1.2rem}.module-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}.module-right{display:flex;align-items:center;gap:1.5rem}.status-badge{padding:.4rem .8rem;font-size:.7rem;font-family:var(--font-display);border:1px solid currentColor}.status-badge.completed{color:var(--neon-lime);background:#39ff141a}.status-badge.pending{color:var(--text-dim);background:#ffffff0d}.modules-tip{text-align:center;padding:2rem;border-style:dotted;border-color:var(--neon-magenta)}.modules-tip h3{margin-bottom:1rem;color:var(--neon-magenta)}.modules-tip p{color:var(--text-secondary);max-width:500px;margin:0 auto}@media(max-width:768px){.module-item{flex-direction:column;align-items:flex-start;gap:1.5rem}.module-right{width:100%;justify-content:space-between}}.matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.35;filter:blur(.5px)}body{background-color:transparent!important}#root{position:relative;z-index:1}.quiz-container{padding:1rem 0}.quiz-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.quiz-header h2{font-size:1.5rem;margin-bottom:.5rem}.quiz-meta{color:var(--text-secondary);font-size:.85rem}.quiz-loading{text-align:center;padding:3rem}.loader-tech{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--neon-cyan);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-error{text-align:center;padding:2rem;color:var(--neon-red)}.quiz-questions{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.quiz-question{padding:1.5rem;transition:all .3s;border-left:4px solid transparent}.quiz-question.correct{border-left-color:var(--neon-lime);background:#39ff140d}.quiz-question.incorrect{border-left-color:var(--neon-red);background:#ff00000d}.question-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.question-number{background:var(--neon-cyan);color:var(--bg-black);padding:.25rem .5rem;font-size:.75rem;font-weight:700}.question-title{font-size:1.1rem;margin:0}.question-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.question-options{display:flex;flex-direction:column;gap:.75rem}.option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid var(--glass-border);cursor:pointer;transition:all .2s;text-align:left;color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem}.option:hover:not(:disabled){border-color:var(--neon-cyan);background:#00f3ff0d}.option.selected{border-color:var(--neon-cyan);background:#00f3ff1a;box-shadow:0 0 10px #00f3ff33}.option.correct-answer{border-color:var(--neon-lime)!important;background:#39ff141a!important}.option.wrong-answer{border-color:var(--neon-red)!important;background:#ff00001a!important}.option:disabled{cursor:default}.option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;border:1px solid currentColor;font-weight:700;flex-shrink:0}.option-text{flex-grow:1}.option-icon{flex-shrink:0}.option-icon.correct{color:var(--neon-lime)}.option-icon.wrong{color:var(--neon-red)}.question-explanation{margin-top:1rem;padding:1rem;font-size:.9rem;border-left:3px solid}.question-explanation.correct{border-color:var(--neon-lime);background:#39ff140d;color:var(--neon-lime)}.question-explanation.incorrect{border-color:var(--neon-red);background:#ff00000d;color:var(--neon-red)}.question-explanation strong{display:block;margin-bottom:.5rem}.question-explanation p{color:var(--text-secondary);margin:0}.quiz-actions{padding-top:1rem;border-top:1px solid var(--glass-border)}.quiz-actions button:disabled{opacity:.5;cursor:not-allowed}.quiz-results{padding:2rem;text-align:center}.quiz-results.passed{border-color:var(--neon-lime)}.quiz-results.failed{border-color:var(--neon-red)}.results-header{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.results-icon.passed{color:var(--neon-lime)}.results-icon.failed{color:var(--neon-red)}.results-info h3{font-size:1.5rem;margin-bottom:.5rem}.results-info p{color:var(--text-secondary)}.results-actions{max-width:400px;margin:0 auto}@media(max-width:768px){.quiz-question{padding:1rem}.option{padding:.75rem;font-size:.85rem}.question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.results-header{flex-direction:column;gap:1rem}}.module-planning{max-width:900px;margin:0 auto}.module-header{margin-bottom:2rem;padding:1.5rem 2rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-back{text-decoration:none;color:var(--text-secondary);font-size:.8rem}.btn-back:hover{color:var(--neon-cyan)}.status-tag{padding:.25rem .75rem;font-size:.7rem;border:1px solid currentColor}.status-tag.completed{color:var(--neon-lime)}.status-tag.pending{color:var(--text-dim)}.module-progress-header{margin-top:1rem}.steps-nav{display:flex;justify-content:space-between;margin-bottom:2rem;padding:.5rem;background:#0a0a0f80;border-color:#00f3ff1a}.step-btn{flex:1;background:transparent;border:none;padding:.75rem;color:var(--text-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s;position:relative}.step-btn:hover{color:var(--text-secondary)}.step-btn.active{color:var(--neon-cyan)}.step-btn.completed{color:var(--neon-lime)}.step-btn.locked{color:var(--text-dim);opacity:.4;cursor:not-allowed}.step-btn.locked:hover{color:var(--text-dim)}.step-num{font-size:.6rem}.step-label{font-size:.75rem;text-transform:uppercase}.step-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--neon-cyan);box-shadow:var(--glow-cyan)}.module-content{min-height:400px;padding:3rem;border-top:4px solid var(--neon-cyan)}.module-content h2{margin-bottom:1.5rem}.module-content p{color:var(--text-secondary);margin-bottom:2rem}.tech-box{background:#ffffff0d;border-left:4px solid var(--neon-cyan);padding:1.5rem;margin-bottom:2.5rem;font-family:var(--font-mono)}.simulator-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}.form-group-tech{margin-bottom:1.5rem}.input-tech{width:100%;background:#0000004d;border:1px solid var(--glass-border);padding:1rem;color:#fff;font-family:var(--font-mono)}.input-tech:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.generated-plan{border-color:var(--neon-lime);margin-top:1rem}.award-points-mini{margin-top:1rem;font-size:.8rem;color:var(--neon-lime);text-align:right}.completion-step{text-align:center}.reward-card{margin:2rem auto 3rem;max-width:400px;border-color:var(--neon-yellow)}.reward-icon{font-size:4rem;margin-bottom:1rem}.reward-stats{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem}.reward-stat{display:flex;flex-direction:column}@media(max-width:768px){.steps-nav{overflow-x:auto;justify-content:flex-start}.step-btn{min-width:100px}.module-content{padding:1.5rem}}.community-page{max-width:900px;margin:0 auto;padding:0 1rem 2rem}.page-header h1{font-size:2.5rem;margin-bottom:1rem}.page-header p{color:var(--text-secondary);font-size:.9rem;max-width:600px;margin:0 auto;line-height:1.6}.community-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.community-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;transition:all .3s;position:relative;border-left:4px solid transparent}.community-item:before{content:"";position:absolute;left:-4px;top:0;width:4px;height:100%;background:var(--accent-color);opacity:.5;transition:all .3s}.community-item:hover{transform:translate(5px);border-color:var(--accent-color);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.1)}.community-item:hover:before{opacity:1;box-shadow:0 0 10px var(--accent-color)}.community-left{display:flex;align-items:center;gap:2rem}.community-icon-large{color:var(--accent-color);filter:drop-shadow(0 0 5px var(--accent-color))}.community-info h3{margin:0 0 .5rem;font-size:1.4rem;color:var(--text-primary)}.community-info p{margin:0;font-size:.9rem;color:var(--text-secondary)}.community-right{display:flex;align-items:center;gap:2rem}.community-status-badge{color:var(--text-dim);font-size:.8rem;background:#ffffff0d;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.events-newsletter{padding:3rem;background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%);border-top:1px solid var(--glass-border)}.registration-form{margin-bottom:3rem;padding:2rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-tech)}.form-group-tech{display:flex;flex-direction:column}.label-tech{font-size:.7rem;color:var(--neon-cyan);letter-spacing:1px;margin-bottom:.5rem;opacity:.8}.tech-input{background:#0a0a0fcc;border:1px solid rgba(255,255,255,.1);border-left:2px solid rgba(0,243,255,.3);color:var(--neon-cyan);padding:1rem 1.2rem;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.5px;border-radius:0 4px 4px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-input:hover{background:#101018e6;border-color:#00f3ff4d}.tech-input:focus{outline:none;border-color:var(--neon-cyan);border-left-width:4px;box-shadow:0 0 15px #00f3ff26;background:#05050af2;padding-left:1.5rem}.tech-input::placeholder{color:#fff3;font-size:.85rem;letter-spacing:0}.legal-checkbox{appearance:none;-webkit-appearance:none;width:24px;height:24px;min-width:24px;border:2px solid rgba(0,243,255,.4);border-radius:4px;background:#0000004d;cursor:pointer;position:relative;transition:all .3s ease;margin-top:2px}.legal-checkbox:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f3ff4d}.legal-checkbox:checked{background:#00f3ff26;border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff66}.legal-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.next-steps-grid{margin-top:1.5rem;padding-top:1.5rem}.step-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#ffffff05;border-radius:var(--radius-tech);border:1px solid rgba(255,255,255,.05);transition:all .2s}.step-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.step-item div:first-child{font-size:1.5rem;font-weight:700;font-family:var(--font-display)}@media(max-width:768px){.community-item{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.community-left{width:100%}.community-right{width:100%;flex-direction:column;align-items:flex-start;gap:1rem;border-top:1px solid var(--glass-border);padding-top:1rem}.community-status-badge{width:100%;text-align:center}.events-newsletter{padding:1.5rem 1rem}.registration-form{grid-template-columns:1fr;padding:1rem}.tech-input{font-size:16px;padding:1rem}.label-tech{font-size:.75rem}.registration-form input[type=checkbox]{width:20px;height:20px;margin-top:2px}.registration-form label[for=legal-check]{font-size:.85rem;line-height:1.5}.next-steps-grid{grid-template-columns:1fr;gap:1rem}}.achievements-page{max-width:1000px;margin:0 auto}.page-header{text-align:center;margin-bottom:4rem}.stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.main-stat{padding:1.5rem;gap:1.5rem}.main-stat .stat-icon{font-size:2.5rem}.stat-details .value-tech{font-size:1.5rem}.progress-section{display:flex;align-items:center;gap:3rem;padding:2.5rem;margin-bottom:4rem;border-color:var(--neon-cyan)}.progress-ring{position:relative;width:160px;height:160px;flex-shrink:0}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-bg{fill:none;stroke:#ffffff0d;stroke-width:6}.progress-fill{fill:none;stroke-width:6;stroke-linecap:square;transition:stroke-dasharray 1s cubic-bezier(.4,0,.2,1)}.progress-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-value{font-size:2.25rem}.progress-info{width:100%;min-width:0;gap:0 4rem}.terminal-status-box{box-shadow:0 0 10px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border);padding:6px 10px;width:100%}.status-output{white-space:pre-wrap;word-wrap:break-word;word-break:break-word;text-align:left}.typing-effect{position:relative;display:inline-block}.typing-effect:after{content:"█";color:var(--neon-pink);margin-left:4px;animation:blink 1s step-end infinite;font-size:.8em;vertical-align:baseline;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.badges-section{margin-bottom:4rem}.badges-section h2{margin-bottom:2rem}.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.badge-card{padding:2rem 1rem}.badge-card.earned{border-color:var(--neon-cyan)}.badge-card.locked{opacity:.25}.badge-icon-large{font-size:3.5rem;margin-bottom:1.5rem}.badge-name{font-size:.85rem;margin-bottom:.5rem}.badge-description{font-size:.7rem;color:var(--text-dim);margin-bottom:1rem;line-height:1.4}.badge-points{font-size:.75rem;color:var(--neon-yellow)}.earned-stamp{position:absolute;top:10px;right:10px;font-family:var(--font-display);font-size:.6rem;color:var(--neon-lime);border:1px solid currentColor;padding:2px 6px}.modules-progress-list{display:flex;flex-direction:column;gap:1rem}.module-progress-item{display:flex;align-items:center;gap:2rem;padding:1.5rem 2rem}.module-progress-item.completed{border-color:var(--neon-lime)}.module-details{flex:1}.module-name{font-size:.9rem;margin-bottom:.75rem;color:var(--text-secondary)}.module-status{font-size:.75rem;min-width:140px;text-align:right}.status-complete{color:var(--neon-lime)}@media(max-width:900px){.achievements-page{padding:0 .5rem;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.stats-overview,.badges-grid{grid-template-columns:1fr;gap:1rem}.page-header h1{font-size:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.page-header h1 svg{width:32px!important;height:32px!important;margin-right:0!important}.progress-section{flex-direction:column;text-align:center;gap:2rem;padding:1.5rem}.progress-info{display:flex;flex-direction:column;align-items:center;width:100%}.progress-info h3{font-size:1rem;margin-bottom:1rem}.terminal-status-box{width:100%;box-sizing:border-box;padding:1rem}.status-output{display:block;width:100%}.typing-effect{display:inline}.module-progress-item{flex-direction:column;text-align:center;gap:1rem;padding:1rem}.module-status{text-align:center;min-width:auto}.mobile-spacer-tech{height:calc(100px + env(safe-area-inset-bottom))!important;display:block}}.admin-page{max-width:1000px;margin:0 auto}.login-container{max-width:450px;margin:100px auto;padding:3rem;text-align:center;border-color:var(--neon-magenta)}.login-container h1{margin-bottom:1rem;color:var(--neon-magenta);font-size:1.5rem}.login-container p{margin-bottom:2.5rem;color:var(--text-secondary)}.error-message{color:var(--neon-red);margin:1rem 0;font-size:.8rem}.login-hint{margin-top:2.5rem;color:var(--text-dim);font-size:.7rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem}.admin-title{display:flex;align-items:center;gap:1.5rem}.admin-title h1{margin:0;font-size:1.5rem}.admin-badge{color:var(--neon-lime);border:1px solid currentColor;padding:2px 8px;font-size:.7rem;font-family:var(--font-display)}.config-section h2{margin-bottom:1rem}.section-desc{margin-bottom:3rem;color:var(--text-secondary)}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.config-card{padding:1.5rem;margin:0}.config-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.config-icon{font-size:1.5rem}.config-header h3{margin:0;font-size:1.1rem}.config-desc{margin-bottom:2rem;font-size:.75rem;color:var(--text-dim)}.show-keys-toggle{margin-top:2rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.status-section{margin-top:3rem}.status-grid{display:grid;gap:1rem;margin-top:1.5rem}.status-item{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#ffffff0d;font-family:var(--font-mono);font-size:.85rem}.status-label{color:var(--text-dim);min-width:80px}.status-indicator.connected{color:var(--neon-lime)}.status-indicator.disconnected{color:var(--text-dim)}.info-section{margin-top:3rem;border-style:dotted;border-color:var(--neon-cyan)}.info-section li{margin-bottom:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.config-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;gap:2rem}}
