@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}.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}.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}.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}.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:2.25rem;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:.85rem;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}}.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}}.module-planning{max-width:900px;margin:0 auto}.module-header{margin-bottom:2rem;padding-bottom:1rem}.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-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}}.workspace-page{display:flex;flex-direction:column;gap:3rem}.workspace-header{text-align:center}.workspace-badge{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:1.5rem}.workspace-container{display:grid;grid-template-columns:320px 1fr;gap:2rem;min-height:600px}.workspace-sidebar{padding:2rem;border-right:4px solid var(--neon-cyan)}.workspace-sidebar h3{font-size:.9rem;margin-bottom:2rem}.project-checklist li{display:flex;align-items:center;gap:1rem;padding:.75rem 0;font-size:.8rem;color:var(--text-secondary)}.project-checklist li.checked{color:var(--neon-lime)}.sidebar-divider{height:1px;background:var(--glass-border);margin:2rem 0}.ai-config{display:flex;flex-direction:column;gap:1rem}.ai-config .config-item{display:flex;justify-content:space-between;font-size:.75rem}.chat-container{display:flex;flex-direction:column;padding:0!important;background:#0006;border-color:var(--neon-magenta)}.chat-messages{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.message{margin-bottom:.5rem}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;border-radius:4px}.message-content{padding:1.25rem;font-size:.85rem;max-width:80%;border:1px solid rgba(255,255,255,.05)}.message.user .message-content{background:#00f3ff1a;border-color:var(--neon-cyan);color:var(--neon-cyan)}.message.assistant .message-content{background:#ff00ff0d;border-color:var(--neon-magenta);color:var(--text-primary)}.message.system .message-content{background:#fff2000d;border-color:var(--neon-yellow);width:100%;max-width:100%;text-align:center}.chat-input-area{display:flex;gap:1.5rem;padding:1.5rem;background:#00000080}.chat-input{flex:1;background:transparent;border:1px solid var(--glass-border);padding:1rem;color:#fff;resize:none}.chat-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.workspace-info{border-style:dashed;border-color:var(--neon-yellow);text-align:center}@media(max-width:900px){.workspace-page{gap:1.5rem;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.workspace-container{grid-template-columns:1fr;min-height:auto}.workspace-sidebar{border-right:none;border-bottom:2px solid var(--neon-cyan);padding:1.5rem}.chat-container{height:calc(100vh - 280px);min-height:400px}.chat-messages{padding:1rem}.chat-input-area{padding:1rem;position:sticky;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-top:1px solid var(--neon-cyan)}}@media(max-width:1024px){.workspace-container{grid-template-columns:1fr}.workspace-sidebar{border-right:none;border-bottom:4px solid var(--neon-cyan)}}.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 h3{margin-bottom:1rem}.progress-info p{line-height:1.6}.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}.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}}