@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--bg-color: #0d1117;--bg-gradient: radial-gradient(circle at top right, #1a202c, #0a0c10);--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .1);--primary: #3b82f6;--primary-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);--secondary: #10b981;--secondary-gradient: linear-gradient(135deg, #10b981, #059669);--accent: #f59e0b;--danger: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-bg: rgba(17, 24, 39, .7);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;margin:0;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.pill-positive{background-color:#10b98133;color:#34d399;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(52,211,153,.3)}.primary-btn,.action-glow-btn,.download-btn,.start-btn,.action-btn{background:#0f2b5b!important;border:2px solid #ffffff!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 15px #0006!important;transition:all .2s ease-in-out!important}.primary-btn:hover:not(:disabled),.action-glow-btn:hover,.download-btn:hover,.start-btn:hover,.action-btn:hover{background:#1a365d!important;border-color:#60a5fa!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #60a5fa4d!important}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:280px;height:100vh;padding:1.5rem 1rem;transition:width .3s ease;border-right:1px solid var(--border-color);background:#0a0c10cc;border-radius:0}.sidebar.closed{width:80px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.sidebar.closed .sidebar-header{flex-direction:column;justify-content:center;gap:1.5rem}.logo{display:flex;align-items:center;gap:1rem}.logo-icon{width:40px;height:40px;border-radius:12px;background:#0f2b5b;border:2px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;box-shadow:0 4px 10px #0000004d}.logo h2{font-size:1.4rem;color:#60a5fa;margin:0;line-height:1.1}.logo-text-container{display:flex;flex-direction:column}.logo-subtitle{font-size:.65rem;color:#94a3b8;letter-spacing:.5px;margin-top:2px}.toggle-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s}.toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.nav-title{text-transform:uppercase;font-size:.75rem;color:var(--text-muted);font-weight:700;margin-bottom:1rem;padding-left:.5rem;letter-spacing:1px}.nav-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;font-family:var(--font-body);font-weight:500;font-size:.95rem}.nav-btn:hover:not(.disabled){background:var(--surface-hover);color:var(--text-primary)}.nav-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.nav-btn.disabled{opacity:.5;cursor:not-allowed}.badge{font-size:.7rem;background:var(--surface);padding:.2rem .5rem;border-radius:20px;margin-left:auto}.sidebar-footer{margin-top:auto}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:#0a0c1099;border-radius:0;z-index:10}.topbar-motto{font-size:1.15rem;font-style:italic;font-weight:700;color:#fff;letter-spacing:.5px}.user-profile{display:flex;align-items:center;gap:1rem;font-weight:500}.avatar{width:38px;height:38px;border-radius:50%;background:#0f2b5b;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 4px 10px #0000004d}.user-info{display:flex;flex-direction:column}.user-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-muted)}.logout-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#ef44441a;color:#ef4444}.content-area{flex:1;overflow-y:auto;padding:2rem;position:relative}@media(max-width:768px){.app-container{flex-direction:column;height:100dvh}.sidebar{width:100%!important;height:auto;flex-direction:row;padding:.5rem 1rem;border-right:none;border-top:1px solid var(--border-color);order:2;background:#0a0c10f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:fixed;bottom:0;left:0;z-index:100}.sidebar-header{display:none}.nav-menu{width:100%}.nav-title{display:none}.nav-menu ul{flex-direction:row;justify-content:center;gap:.5rem}.nav-menu ul li{flex:1}.nav-btn{flex-direction:column;gap:.2rem;padding:.5rem .25rem;font-size:.7rem;justify-content:center;text-align:center;border-radius:10px}.nav-btn .icon{display:flex;justify-content:center}.main-content{height:100dvh;padding-bottom:70px;order:1}.topbar{padding:.75rem 1rem}.topbar-motto{font-size:.75rem;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name{font-size:.8rem;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.65rem}.avatar{width:32px;height:32px;font-size:.85rem}.user-profile{gap:.5rem}.content-area{padding:1rem 1rem 1.5rem}}@media(max-width:480px){.topbar-motto{display:none}.user-name{max-width:80px}}.module-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.module-header h1{font-size:2.5rem;background:var(--primary-gradient);-webkit-background-clip:text;color:transparent;margin-bottom:.5rem}.module-header .subtitle{color:var(--text-secondary);font-size:1.1rem}.grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.col-span-2{grid-column:span 2}.card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.card-header h2{font-size:1.25rem;color:var(--text-primary);margin:0}.card-body p{color:var(--text-secondary);margin-bottom:1.5rem}.badge.amber{background:#f59e0b33;color:var(--accent);border:1px solid rgba(245,158,11,.3)}.fun-fact h3{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.fun-fact p{font-size:.9rem;color:var(--text-muted);margin:0}.mt-4{margin-top:1.5rem}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.text-amber-500{color:#f59e0b}.progress-widget{min-width:300px;padding:1rem 1.5rem;border-radius:12px}.progress-track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative;width:100%}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.completed-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:6px;background:var(--surface);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}.completed-btn:hover{background:#ffffff1a;color:#fff}.completed-btn.is-completed{background:#10b9811a;border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 15px #10b98133}.certificate-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;padding:3rem;border-radius:20px;border:2px solid var(--accent);box-shadow:0 20px 50px #000c,0 0 100px #f59e0b4d;text-align:center;background:linear-gradient(135deg,#0f172af2,#1e293bfa);display:flex;justify-content:center;align-items:center}.cert-content{display:flex;flex-direction:column;align-items:center}.certificate-modal h2{font-size:2.5rem;background:var(--primary-gradient);-webkit-background-clip:text;color:transparent;margin-bottom:1rem}.certificate-modal p{font-size:1.2rem;color:var(--text-secondary);max-width:400px;margin-bottom:2rem}.cert-badge{background:#f59e0b1a;color:var(--accent);padding:.5rem 1.5rem;border-radius:30px;font-weight:800;text-transform:uppercase;letter-spacing:2px;border:1px dashed var(--accent);margin-bottom:1rem}.flex{display:flex}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.text-sm{font-size:.875rem}.border-t{border-top-width:1px;border-top-style:solid}.border-white\/10{border-color:#ffffff1a}.pt-4{padding-top:1rem}@media(max-width:1024px){.grid-layout{grid-template-columns:1fr}.col-span-2{grid-column:span 1}}.section-index{padding:1.5rem;border-radius:12px;margin-bottom:2rem}.index-links{display:flex;flex-wrap:wrap;gap:.8rem}.index-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;white-space:nowrap}.index-btn:hover{background:#3b82f61a;border-color:var(--primary);color:#fff}.index-btn.done{background:#10b9811a;border-color:#10b9814d;color:#6ee7b7}.index-btn.locked{opacity:.5;pointer-events:none;cursor:not-allowed}html{scroll-behavior:smooth}.section-locked{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.section-locked:before{content:"";position:absolute;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;border-radius:12px}.locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e293bf2;padding:1.5rem 3rem;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 10px 30px #00000080;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.lock-icon{color:var(--secondary);opacity:.8}.locked-text{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.2rem;letter-spacing:.5px}.locked-subtext{font-size:.95rem;color:var(--text-muted)}.main-tabs-container{display:flex;justify-content:center;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.main-tab-btn{display:flex;align-items:center;gap:.8rem;background:#1e293b99;color:var(--text-muted);border:2px solid transparent;padding:.8rem 2rem;border-radius:9999px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.main-tab-btn:hover{background:#1e293be6;color:#fff}.main-tab-btn.active{background:#3b82f626;color:var(--primary-light);border-color:var(--primary-light);box-shadow:0 0 15px #3b82f633}@media(max-width:600px){.main-tabs-container{flex-direction:column;align-items:stretch}.main-tab-btn{justify-content:center}}.interactive-container{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.building-area{flex:1;min-width:300px;display:flex;justify-content:center;position:relative}.building{display:flex;flex-direction:column;width:150px;background:linear-gradient(to bottom,#1e293b,#0f172a);border-radius:8px 8px 0 0;border:2px solid var(--border-color);border-bottom:none;box-shadow:0 10px 30px #00000080;position:relative;z-index:2}.building-floor{height:60px;border-bottom:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .3s}.building-floor:hover{background:#ffffff0d}.building-floor.active{background:#3b82f633}.building-floor.ground{border-bottom:4px solid var(--secondary)}.floor-label{position:absolute;left:-60px;font-weight:700;font-family:var(--font-heading);padding:.3rem .6rem;border-radius:4px;font-size:.9rem;box-shadow:0 4px 6px #0000004d}.floor-label.positive{background:var(--secondary-gradient);color:#fff}.floor-label.negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.floor-label.zero{background:linear-gradient(135deg,#f59e0b,#d97706);color:#111827}.windows{display:flex;gap:10px}.window{width:20px;height:30px;background:#93c5fd4d;border:1px solid rgba(147,197,253,.5);border-radius:2px;box-shadow:inset 0 0 10px #ffffff1a}.active .window{background:#facc1599;box-shadow:0 0 15px #facc1566}.ground-line{position:absolute;bottom:180px;left:-50px;right:-50px;height:2px;background:var(--secondary);z-index:1}.character{position:absolute;right:15px;font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.panel-area{flex:1;min-width:300px;display:flex;flex-direction:column}.question-box{padding:1.5rem;border-top:4px solid var(--primary)}.question-number{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-weight:700}.question-box h3{margin:.5rem 0 1.5rem;font-size:1.2rem}.info-answer{background:#ffffff0d;padding:1rem;border-radius:8px;border-left:3px solid var(--secondary);margin-bottom:1rem}.instruction{font-style:italic;color:var(--text-muted)}.feedback{margin-top:1rem;padding:1rem;border-radius:8px;font-weight:500}.feedback.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399}.feedback.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.primary-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.theory-box{padding:1.5rem}.theory-box h4{margin:0 0 1rem;color:var(--text-secondary)}.theory-item{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.positive-dot{background:var(--secondary);color:var(--secondary)}.negative-dot{background:var(--danger);color:var(--danger)}.radar-container{display:flex;gap:2rem;flex-wrap:wrap}.radar-workspace{flex:2;min-width:350px;padding:2rem;background:linear-gradient(180deg,#1e293bb3,#0f172ae6)}.radar-header{margin-bottom:2rem}.radar-header h3{margin:0 0 .5rem;color:var(--primary);font-size:1.5rem}.scan-controls{display:flex;gap:1rem;margin-top:1rem}.radar-input{background:#0006;border:1px solid var(--border-color);color:#fff;padding:0 1rem;border-radius:8px;font-size:1.2rem;width:150px;font-family:monospace}.pulse-icon{animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:.7}}.scanner-display{margin-top:3rem;padding:2rem;background:#10b9810d;border-radius:12px;border:1px dashed rgba(16,185,129,.3);position:relative;text-align:center}.zero-marker{width:4px;height:40px;background:var(--accent);margin:0 auto;position:relative}.zero-marker:after{content:"0";position:absolute;top:-25px;left:-5px;font-weight:800;color:var(--accent);font-size:1.2rem}.scan-path-container{position:relative;height:60px;display:flex;align-items:center;justify-content:center;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.target-marker{position:absolute;padding:.5rem 1rem;border-radius:8px;font-family:monospace;font-weight:800;font-size:1.2rem;color:#fff;z-index:10}.target-marker.negative{background:var(--danger)}.target-marker.positive{background:var(--secondary)}.ruler-line{position:absolute;height:4px;background:var(--primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #3b82f6cc}.ruler-icon{color:var(--primary);background:#0f172acc;padding:4px;border-radius:50%;position:absolute;top:-30px}.result-area{margin-top:2rem}.absolute-result{background:#ffffff0d;padding:1.5rem;border-radius:12px;border-left:4px solid var(--secondary);display:inline-block;min-width:250px}.formula{font-family:monospace;font-size:2rem;color:var(--text-secondary);margin-bottom:.5rem}.highlight-result{color:var(--secondary);font-weight:800;text-shadow:0 0 15px rgba(16,185,129,.5)}.result-text{color:var(--text-primary);margin:0}.quiz-workspace{flex:1;min-width:300px;padding:2rem;background:#0f172a99;border-left:2px solid var(--danger);justify-content:flex-start}.quiz-btn{flex:1;padding:1.5rem;font-size:1.5rem;font-family:monospace;font-weight:800;background:var(--surface);border:2px solid var(--border-color);color:#fff;border-radius:12px;cursor:pointer;transition:all .2s}.quiz-btn:hover{background:var(--surface-hover);transform:translateY(-2px)}.quiz-btn.error-selected{background:#ef444433;border-color:var(--danger);color:#fca5a5;animation:shake .5s}.quiz-btn.success-selected{background:#10b98133;border-color:var(--secondary);color:#6ee7b7}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.m-0{margin:0}.min-h-\[80px\]{min-height:80px}.number-line-container{display:flex;flex-direction:column;gap:2rem;width:100%}.mission-panel{padding:1.5rem;border-left:4px solid var(--secondary)}.mission-title{margin:0;font-size:1.25rem;color:var(--secondary)}.operation-display{margin:1rem 0;font-size:1.5rem;font-weight:700;font-family:monospace}.highlight-op{background:var(--surface-hover);padding:.2rem .5rem;border-radius:6px;color:var(--text-primary);border:1px solid var(--border-color)}.mission-instruction{font-size:1.1rem;line-height:1.5;color:var(--text-secondary)}.mission-feedback{margin-top:1rem;padding:1rem;border-radius:8px;border:1px solid currentColor}.mission-feedback p{margin:0;font-weight:500}.mission-feedback.success{background:#10b9811a;color:#34d399}.mission-feedback.error{background:#ef44441a;color:#f87171}.line-wrapper{padding:3rem 1rem 2rem;overflow-x:auto;min-width:100%;position:relative}.axis-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding-bottom:2rem;min-width:800px}.main-axis{position:absolute;top:50%;left:0;right:0;height:4px;background:linear-gradient(to right,#ef4444,var(--border-color) 40%,var(--border-color) 60%,var(--secondary));border-radius:2px;z-index:1}.ticks-container{display:flex;justify-content:space-between;width:100%;position:relative;z-index:2}.tick-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:40px;cursor:pointer;transition:transform .2s}.tick-wrapper:hover{transform:scale(1.1)}.tick{width:4px;height:16px;background:var(--text-muted);border-radius:2px;margin-bottom:8px;transition:background .2s}.tick-wrapper:hover .tick{background:var(--text-primary);height:20px}.zero-tick{height:24px;width:6px;background:var(--accent)}.tick-label{font-family:var(--font-heading);font-weight:700;font-size:.9rem}.positive-label{color:var(--secondary)}.negative-label{color:var(--danger)}.zero-label{color:var(--accent);font-size:1.1rem}.avatar-marker{position:absolute;top:-45px;width:40px;height:40px;background:var(--primary-gradient);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #3b82f666;z-index:10}.pointer-arrow{position:absolute;bottom:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--primary)}.legend{display:flex;justify-content:space-between;width:100%;padding-top:1rem;border-top:1px dashed var(--border-color);min-width:800px}.legend-item{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.sign-factory-container{display:flex;flex-direction:column;gap:2rem}.lab-section{padding:2rem;background:linear-gradient(to right,#0f172acc,#1e293be6);border-left:4px solid var(--primary);border-radius:12px}.lab-header h3{color:var(--text-primary);margin:0 0 .5rem}.lab-header p{color:var(--text-secondary);margin-bottom:2rem}.factory-machine{display:flex;justify-content:space-around;align-items:center;background:#0000004d;padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.input-zone{display:flex;flex-direction:column;align-items:center;gap:1rem}.input-zone h4{color:var(--text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.sign-selectors{display:flex;gap:1rem}.sign-btn{width:60px;height:60px;border-radius:12px;font-size:2.5rem;font-weight:800;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid transparent;transition:all .2s;background:#ffffff0d;color:var(--text-muted)}.sign-btn:hover{background:#ffffff1a;color:var(--text-primary)}.pos-btn.active{background:var(--secondary-gradient);color:#fff;border-color:var(--secondary);box-shadow:0 0 20px #10b98166}.neg-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:var(--danger);box-shadow:0 0 20px #ef444466}.fusion-core{display:flex;justify-content:center;align-items:center}.fuse-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--primary-gradient);color:#fff;border:none;padding:1rem 2rem;border-radius:50%;width:120px;height:120px;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;box-shadow:0 0 30px #3b82f680;transition:all .3s}.fuse-btn:hover:not(.disabled){transform:scale(1.05);box-shadow:0 0 40px #3b82f6cc}.fuse-btn.disabled{background:#ffffff1a;color:var(--text-muted);box-shadow:none;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-display{margin-top:2rem;min-height:150px;display:flex;justify-content:center;align-items:center}.empty-reaction{color:var(--text-muted);font-style:italic;font-size:1.2rem}.final-reaction{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;border-radius:16px;width:100%}.positive-reaction{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.negative-reaction{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.reaction-sign{width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:4rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.positive-reaction .reaction-sign{background:var(--secondary-gradient);box-shadow:0 0 40px #10b98199}.negative-reaction .reaction-sign{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 40px #ef444499}.reaction-text{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.reset-btn{display:flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem;transition:all .2s}.reset-btn:hover{background:#ffffff1a;color:#fff}.game-section{padding:2rem;background:linear-gradient(to right,#a855f733,#0a0c10cc);border-left:4px solid #a855f7;border-radius:12px;display:flex;flex-direction:column;align-items:center}.game-header{text-align:center;margin-bottom:2rem}.game-header h3{color:#c084fc;margin:0 0 .5rem}.game-start,.game-over{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.start-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a855f7,#7e22ce);color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .2s}.start-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #a855f780}.game-arena{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center}.game-stats{display:flex;justify-content:space-between;width:100%;margin-bottom:2rem;font-family:monospace;font-size:1.2rem;font-weight:700}.score{color:#4ade80}.timer{color:var(--text-primary)}.timer.danger{color:#f87171;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.flashcard{font-size:3rem;font-family:monospace;font-weight:800;background:var(--surface);padding:2rem 4rem;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 10px 25px #00000080;margin-bottom:3rem}.answer-buttons{display:flex;gap:2rem;width:100%}.ans-btn{flex:1;padding:1.5rem;font-size:1.2rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;transition:transform .1s;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ans-btn:active{transform:scale(.95)}.ans-btn.positive{background:var(--secondary-gradient);box-shadow:0 4px 15px #10b98166}.ans-btn.negative{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.final-score{font-size:1.5rem}.final-score span{font-size:3rem;font-weight:800;color:#4ade80;margin-left:1rem}.rule-comparator-container{display:flex;flex-direction:column;gap:2rem}.warning-banner{background:linear-gradient(135deg,#ef444433,#dc26264d);border-left:5px solid var(--danger);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;border-radius:12px}.banner-icon{color:var(--danger)}.banner-text h3{color:#fca5a5;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:1px}.banner-text p{color:var(--text-primary);margin:0;font-size:1.1rem}.banner-text code{background:#0006;color:#cbd5e1;padding:2px 6px;border-radius:4px}.rules-display{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.rule-card{background:#1e293bcc;border:1px solid var(--border-color);padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .2s}.rule-card:hover{transform:translateY(-5px);border-color:var(--primary)}.rule-icon{background:#3b82f633;color:var(--primary);padding:1rem;border-radius:50%;margin-bottom:1rem}.rule-card h4{font-size:1.3rem;color:var(--text-primary);margin-bottom:.5rem}.rule-card p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.rule-example{background:#0f172acc;padding:.5rem 1rem;border-radius:8px;font-family:monospace;font-size:1.2rem;color:var(--text-primary);width:100%}.rule-example strong{color:stretch}.interactive-analyzer{background:linear-gradient(to bottom right,#0f172ae6,#1e293b);border:2px solid rgba(59,130,246,.3);border-radius:16px;overflow:hidden}.analyzer-header{background:#0003;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.analyzer-header h3{margin:0;color:var(--secondary)}.analyzer-header p{margin:0;color:var(--text-muted)}.problem-display{padding:3rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-family:monospace}.the-calc{font-size:4rem;font-weight:900;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.5)}.the-result{font-size:4rem;font-weight:900;color:var(--secondary);text-shadow:0 4px 15px rgba(16,185,129,.5)}.analyzer-body{padding:2rem;display:flex;flex-direction:column;align-items:center;background:#0000001a}.quiz-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:600px}.quiz-step h4{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.quiz-step p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.2rem}.buttons-row{display:flex;gap:1rem;width:100%}.buttons-row button{flex:1;padding:1.2rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;border:1px solid var(--border-color);background:var(--surface);color:var(--text-primary);transition:all .2s}.buttons-row button:hover{background:var(--surface-hover);border-color:var(--primary)}.score-btn.pos:hover{background:#10b98133;border-color:var(--secondary);color:#6ee7b7}.score-btn.neg:hover{background:#ef444433;border-color:var(--danger);color:#fca5a5}.success-step{background:#10b9811a;padding:2rem;border-radius:12px;border:1px solid rgba(16,185,129,.3)}.next-btn{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:1rem;box-shadow:0 4px 10px #3b82f666}.next-btn:hover{background:#2563eb}.feedback-toast{background:#0f172ae6;padding:1rem 1.5rem;border-radius:8px;position:absolute;top:50%;max-width:400px;text-align:center;font-weight:600;box-shadow:0 10px 25px #00000080}.feedback-toast.success{border-left:4px solid var(--secondary);color:#6ee7b7}.feedback-toast.error{border-left:4px solid var(--danger);color:#fca5a5}@media(max-width:768px){.rules-display{grid-template-columns:1fr}.buttons-row{flex-direction:column}}.hierarchy-container{display:flex;gap:2rem;flex-wrap:wrap}.game-screen{flex:2;min-width:300px;padding:2rem;background:linear-gradient(135deg,#1e293bcc,#0f172ae6)}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.level-header h3{margin:0;color:var(--text-primary);font-size:1.3rem}.level-badge{background:var(--surface-hover);padding:.3rem .8rem;border-radius:12px;font-size:.85rem;color:var(--secondary);font-weight:600}.expression-board{background:#0000004d;padding:2rem;border-radius:12px;text-align:center;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 10px #00000080}.expression{font-family:monospace;font-size:2.5rem;font-weight:800;letter-spacing:2px;color:var(--primary);text-shadow:0 0 15px rgba(59,130,246,.3)}.instructions{color:var(--text-secondary);font-size:1.1rem;text-align:center;margin-bottom:2rem}.options-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.option-btn{background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);padding:1rem 1.5rem;font-size:1.1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:150px;font-family:monospace}.option-btn:hover{background:#3b82f626;transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 15px #3b82f633}.feedback-panel{margin-top:2rem;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.feedback-content{display:flex;gap:1rem;align-items:flex-start}.feedback-content p{margin:0;font-weight:600;font-size:1.05rem}.feedback-panel.success{background:#10b9811a;border-left:4px solid #34d399;color:#34d399}.feedback-panel.error{background:#ef44441a;border-left:4px solid #f87171;color:#f87171}.primary-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;align-self:flex-start;margin-left:2.5rem}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.theory-panel{flex:1;min-width:300px;padding:1.5rem}.theory-panel h4{margin:0 0 1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.hierarchy-list{padding-left:1.2rem;color:var(--text-secondary);line-height:1.6}.hierarchy-list li{margin-bottom:.8rem}.hierarchy-list strong{color:var(--secondary)}.stem-alert{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);padding:1rem;border-radius:8px}.stem-alert h5{margin:0 0 .5rem;color:#f59e0b;font-size:1rem}.stem-alert p{margin:0;font-size:.9rem;color:var(--text-secondary)}.properties-container{display:flex;flex-direction:column;gap:1rem}.tabs-header{display:flex;gap:1rem;padding:1rem;border-radius:12px;background:var(--surface);border-bottom:2px solid var(--border-color)}.tab-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-secondary);padding:.6rem 1rem;font-family:var(--font-body);font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.tab-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.tab-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #3b82f666}.property-workspace{padding:2rem;min-height:400px;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e293b99,#0f172ab3)}.workspace-header h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem}.workspace-header p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 2rem}.interactive-area{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.equation-machine{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:2rem;background:#0000004d;padding:2rem 3rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);min-width:500px}.number-block{width:60px;height:60px;display:flex;justify-content:center;align-items:center;font-family:monospace;font-weight:800;font-size:2rem;border-radius:12px;color:#fff;box-shadow:0 4px 15px #0000004d;z-index:2}.blue-block{background:var(--primary)}.amber-block{background:var(--accent)}.purple-block{background:#9333ea}.inner-block{background:var(--surface);border:2px solid var(--border-color);color:var(--text-primary)}.multiplier-block{background:#ec4899;color:#fff;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:12px;font-family:monospace;font-weight:800;font-size:2rem}.multiplier-block.sm{width:45px;height:45px;font-size:1.5rem;border-radius:8px}.result-block{width:70px;height:70px;display:flex;justify-content:center;align-items:center;font-family:monospace;font-weight:800;font-size:2.5rem;background:var(--secondary);border-radius:12px;color:#064e3b;box-shadow:0 0 20px #10b98166}.result-block.sm{width:50px;height:50px;font-size:1.8rem;border-radius:8px}.result-block.lg{width:80px;height:80px;font-size:3rem}.operator,.equals{color:var(--text-muted);font-family:monospace;font-weight:300}.equals{color:var(--text-secondary)}.action-btn{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn:hover{background:#ffffff1a;border-color:var(--text-secondary)}.action-btn.active{background:#3b82f633;border-color:var(--primary);color:#60a5fa}.explanation-box{background:#10b9810d;border-left:4px solid var(--secondary);padding:1.2rem;border-radius:8px;color:var(--text-primary);font-size:1.05rem}.explanation-box strong{display:block;margin-bottom:.5rem;color:var(--secondary)}.explanation-box code{color:#60a5fa;background:#0000004d;padding:.2rem .4rem;border-radius:4px}.fade-in{animation:fadeIn .4s ease-in-out}.assoc-machine{display:flex;flex-wrap:wrap;gap:1rem}.bracket-group{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:12px;border:2px dashed transparent;transition:all .3s ease}.bracket-group.active-group{border-color:var(--secondary);background:#10b9811a;box-shadow:inset 0 0 10px #10b98133}.bracket{color:var(--secondary);font-family:monospace;font-size:3rem;font-weight:200}.calc-steps{min-width:150px}.step-result{font-family:monospace;font-size:1.8rem;color:var(--text-secondary)}.step-result strong{color:var(--secondary);font-size:2.5rem}.step-highlight{color:#fff;font-weight:800;text-decoration:underline;text-decoration-color:var(--secondary);text-decoration-thickness:3px}.btn-group{display:flex;gap:1rem}.dist-step{display:flex;align-items:center;gap:1rem}.dist-group{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border-color)}.dot{color:var(--text-muted)}.secondary-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary);padding:.8rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-btn:hover:not(:disabled){background:#ffffff1a}.secondary-btn:disabled{opacity:.3;cursor:not-allowed}.stem-container{display:flex;flex-direction:column;gap:2rem}.missions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.mission-card{padding:1.5rem;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease;border:1px solid var(--border-color);background:var(--surface);box-shadow:0 4px 6px #0000001a}.mission-card:hover{background:var(--surface-hover);border-color:#fff3}.mission-card.active{background:#ffffff0d}.mission-card.blue.active{border-color:#3b82f6;box-shadow:0 0 15px #3b82f633}.mission-card.amber.active{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b33}.mission-card.purple.active{border-color:#a855f7;box-shadow:0 0 15px #a855f733}.icon-box{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.icon-box.blue{background:#3b82f633;color:#60a5fa}.icon-box.amber{background:#f59e0b33;color:#fbbf24}.icon-box.purple{background:#a855f733;color:#c084fc}.mission-card h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.category-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.problem-workspace{padding:2rem;border-radius:12px;background:linear-gradient(180deg,#0f172a99,#0f172ae6);border:1px solid var(--border-color)}.workspace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.workspace-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.file-badge{display:flex;align-items:center;gap:.5rem;font-family:monospace;color:var(--secondary);background:#10b9811a;padding:.3rem .8rem;border-radius:6px;border:1px solid rgba(16,185,129,.3)}.problem-text{font-size:1.25rem;line-height:1.6;color:var(--text-primary);margin-bottom:2rem;padding:1.5rem;background:#ffffff05;border-left:4px solid var(--primary);border-radius:0 8px 8px 0}.input-area{margin-bottom:2rem}.input-area label{display:block;margin-bottom:.8rem;color:var(--text-secondary);font-weight:500}.input-group{display:flex;gap:1rem}.input-group input{flex:1;max-width:300px;background:var(--surface);border:2px solid var(--border-color);color:#fff;padding:.8rem 1rem;border-radius:8px;font-family:monospace;font-size:1.2rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--primary)}.feedback-box{padding:1.5rem;border-radius:8px;font-size:1.1rem;border:1px solid}.feedback-box.error{background:#ef44441a;border-color:#ef44444d;color:#fca5a5;border-left:4px solid #ef4444}.feedback-box.success{background:#10b9811a;border-color:#10b9814d;color:#6ee7b7;border-left:4px solid #10b981}.feedback-box p{margin:0;font-weight:500}.stem-note-box{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1);font-size:.95rem;color:var(--text-primary);opacity:.9}.empty-state{padding:3rem;text-align:center;color:var(--text-secondary);font-style:italic;font-size:1.1rem}.final-quiz-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:3rem;border:2px solid rgba(59,130,246,.4);background:linear-gradient(135deg,#0f172acc,#1e293be6);border-radius:16px;position:relative;overflow:hidden}.start-view,.result-view{text-align:center}.playing-view{align-items:flex-start;justify-content:flex-start;padding:2rem}.quiz-header{width:100%;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.quiz-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;width:100%;margin-bottom:1rem;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.quiz-meta{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.quiz-content{width:100%}.question-text{font-size:1.8rem;color:#fff;margin-bottom:2.5rem;line-height:1.4;font-weight:700}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.options-grid{grid-template-columns:1fr}}.option-btn{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:12px;background:#ffffff0d;border:2px solid transparent;color:var(--text-primary);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-align:left;outline:none}.option-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.option-letter{background:var(--primary);color:#fff;width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:8px;font-weight:900;flex-shrink:0}.option-value{flex-grow:1}.result-icon{width:28px;height:28px;flex-shrink:0;stroke-width:3px}.correct-option{background:#10b98126!important;border-color:var(--secondary)!important;color:#a7f3d0!important;box-shadow:0 0 20px #10b9814d;opacity:1!important}.correct-option .option-letter{background:var(--secondary)}.wrong-option{background:#ef44441a!important;border-color:var(--danger)!important;color:#fecaca!important;opacity:1!important}.wrong-option .option-letter{background:var(--danger)}.disabled-option{opacity:.4;cursor:not-allowed}.explanation-box{margin-top:2.5rem;padding:1.5rem;border-radius:12px;border-left-width:4px;border-left-style:solid}.explanation-box h5{font-size:1.2rem}.explanation-box p{margin-top:.5rem;margin-bottom:0;font-size:1.1rem}.text-primary{color:#3b82f6}.text-secondary{color:#94a3b8}.shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.5\)\]{box-shadow:0 0 20px #3b82f680}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-3xl{font-size:1.875rem}.text-6xl{font-size:3.75rem}.text-xl{font-size:1.25rem}.text-lg{font-size:1.125rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.block{display:block}.font-bold{font-weight:700}.font-black{font-weight:900}.tracking-wider{letter-spacing:.05em}.uppercase{text-transform:uppercase}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-100{color:#fee2e2}.bg-red-500\/10{background-color:#ef44441a}.border-red-500\/30{border-color:#ef44444d}.text-green-400{color:#4ade80}.text-green-500{color:#10b981}.text-green-100{color:#d1fae5}.bg-green-500\/10{background-color:#10b9811a}.border-green-500\/30{border-color:#10b9814d}.text-yellow-400{color:#facc15}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.overflow-hidden{overflow:hidden}.relative{position:relative}.theory-container{width:100%;margin:2rem 0;animation:fadeIn .6s cubic-bezier(.16,1,.3,1)}.theory-header{text-align:center;padding:4rem 2rem;margin-bottom:4rem;border-radius:24px;background:linear-gradient(135deg,#3b82f626,#9333ea1a);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 50px #3b82f60d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.theory-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%);z-index:0;pointer-events:none}.header-icon-wrapper{display:inline-flex;padding:1.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f680,#2563ebcc);margin-bottom:1.5rem;box-shadow:0 10px 30px #2563eb4d;position:relative;z-index:1}.theory-header h2{font-size:3rem;color:#fff;margin-bottom:1.5rem;font-weight:900;letter-spacing:-1px;position:relative;z-index:1}.theory-header p{color:var(--text-gray-300, #d1d5db);font-size:1.2rem;max-width:650px;margin:0 auto;position:relative;z-index:1}.download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:24rem;margin-left:auto;margin-right:auto;background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;padding:1rem 2.5rem;border-radius:9999px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #3b82f666;position:relative;z-index:1}.download-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #3b82f680;color:#fff}.theory-content-wrapper{display:flex;flex-direction:column;gap:3rem}.theory-card{padding:3rem;border-radius:24px;background:linear-gradient(160deg,#1e293bcc,#0f172af2);border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 50px #0000004d}.card-title-area{border-bottom-width:1px;border-bottom-style:solid;padding-bottom:1rem}.card-title{display:flex;align-items:center;gap:.75rem;font-size:1.875rem;font-weight:700}.icon-box{display:inline-flex;padding:.8rem;border-radius:12px}.description-text{font-size:1.125rem;color:#d1d5db;line-height:1.625}.alert-banner{display:flex;gap:1.5rem;align-items:center;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-left:6px solid #f59e0b;padding:1.5rem 2rem;border-radius:12px;color:#fcd34d;font-size:1.15rem;line-height:1.6}.alert-icon{flex-shrink:0}.concept-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media(min-width:1024px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.rule-container{background-color:#0f172acc;padding:1.5rem;border-radius:1rem;border-top-width:4px;border-top-style:solid;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.rule-blue{border-top-color:#3b82f6;box-shadow:0 20px 25px -5px #3b82f61a}.rule-rose{border-top-color:#f43f5e;box-shadow:0 20px 25px -5px #f43f721a}.rule-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.title-blue{color:#60a5fa}.title-rose{color:#fb7185}.rule-desc{margin-bottom:1.5rem;font-size:1.125rem;color:#d1d5db}.example-block{background:#0f172a99;border-radius:16px;padding:2rem;margin-bottom:1.5rem;border-left-width:5px;border-left-style:solid;transition:all .3s ease;font-size:1.125rem}.example-block.subtle-bg{background:#0f172a4d;padding:1.5rem;font-size:1rem}.example-block:hover{background:#1e293b99;transform:translate(5px)}.example-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;margin-bottom:1rem}.example-subtitle{display:block;color:#fff;font-size:1.25rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.75rem}.chevron-icon{flex-shrink:0}.step-row{margin-bottom:.5rem;display:flex;align-items:flex-start;flex-wrap:wrap}.step-row.mt-3{margin-top:.75rem}.step-row.mt-4{margin-top:1rem}.step-text{color:#9ca3af;flex:1}.theme-border-blue{border-bottom-color:#3b82f64d}.theme-bg-blue{background-color:#3b82f633;color:#60a5fa}.theme-blue{border-left-color:#3b82f6;box-shadow:-10px 0 30px #3b82f614}.theme-text-blue{color:#93c5fd}.bg-blue{background-color:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.theme-border-emerald{border-bottom-color:#10b9814d}.theme-bg-emerald{background-color:#10b98133;color:#34d399}.theme-emerald{border-left-color:#10b981;box-shadow:-10px 0 30px #10b98114}.theme-text-emerald{color:#34d399}.bg-emerald{background-color:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.theme-border-amber{border-bottom-color:#f59e0b4d}.theme-bg-amber{background-color:#f59e0b33;color:#fbbf24}.theme-border-rose{border-bottom-color:#f43f724d}.theme-rose{border-left-color:#f43f5e;box-shadow:-10px 0 30px #f43f7214}.bg-rose{background-color:#f43f7233;color:#fda4af}.bg-red{background-color:#991b1b;border:1px solid #b91c1c}.theme-border-purple{border-bottom-color:#a855f74d}.theme-bg-purple{background-color:#a855f733;color:#c084fc}.theme-purple{border-left-color:#a855f7;box-shadow:-10px 0 30px #a855f714}.theme-text-purple{color:#d8b4fe}.bg-purple{background-color:#a855f733;color:#d8b4fe}.theme-border-indigo{border-bottom-color:#6366f14d}.theme-bg-indigo{background-color:#6366f133;color:#818cf8}.theme-indigo{border-left-color:#6366f1;box-shadow:-10px 0 30px #6366f114}.theme-text-indigo{color:#a5b4fc}.bg-indigo{background-color:#6366f133;color:#a5b4fc}.bg-dark{background-color:#0f172acc;border:1px solid rgba(255,255,255,.05)}.bg-slate{background-color:#334155;color:#94a3b8}.step-label{display:inline-block;padding:.25rem .75rem;border-radius:8px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:1rem;vertical-align:middle}.step-result{font-size:1.25rem;padding:.5rem 1.2rem;border-radius:10px;display:inline-block;border-width:1px;border-style:dashed;margin-top:.25rem}.result-emerald{background-color:#064e3b66;border-color:#10b98180;color:#fff}.result-highlight{color:#34d399;font-size:1.5rem;margin-left:.5rem}.result-dark{background-color:#0f172a;border-color:#ffffff1a;font-family:monospace}.text-white{color:#fff}.text-rose-400{color:#fb7185}.text-emerald-400{color:#34d399}.code-block-inline{background-color:#1e293b;padding:.25rem .75rem;border-radius:.25rem;font-family:monospace;letter-spacing:.1em}.code-pill{background-color:#1e293b;color:#fff;font-family:monospace;padding:.15rem .5rem;border-radius:6px;box-shadow:inset 0 2px 4px #0003;border:1px solid rgba(255,255,255,.05)}.pill-positive{background-color:#10b98133;color:#6ee7b7;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(52,211,153,.3)}.pill-negative{background-color:#e11d484d;color:#fb7185;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(251,113,133,.3)}.pill-sky{background-color:#0c4a6e66;color:#7dd3fc;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(125,211,252,.3)}.pill-indigo{background-color:#312e8166;color:#a5b4fc;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(165,180,252,.3)}.pill-amber{background-color:#78350f4d;color:#fbbf24;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(252,211,77,.3)}.pill-cyan{background-color:#164e634d;color:#67e8f9;font-weight:700;padding:.15rem .5rem;border-radius:6px;border:1px solid rgba(103,232,249,.3)}.laws-grid{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;font-size:1.25rem}@media(min-width:768px){.laws-grid{flex-direction:row}}.law-box{background-color:#0f172a;padding:1.5rem;border-radius:1rem;flex:1;text-align:center;border:1px solid rgba(255,255,255,.05)}.box-emerald{border-color:#10b9814d;box-shadow:0 10px 15px -3px #10b9810d}.box-rose{border-color:#f43f724d;box-shadow:0 10px 15px -3px #f43f720d}.law-title{font-weight:700;margin-bottom:1rem;letter-spacing:.025em;text-transform:uppercase;font-size:.875rem}.law-equation{background-color:#1e293b;border-radius:.5rem;padding:.75rem;display:inline-block;font-family:monospace;font-size:1.5rem;color:#fff;box-shadow:inset 0 2px 4px #0003;margin-bottom:.5rem}.hierarchy-banner{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;background:#0000004d;padding:1.5rem;border-radius:16px;border:1px solid rgba(99,102,241,.2)}.h-step{background:#6366f126;color:#c7d2fe;padding:.8rem 1.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;border:1px solid rgba(99,102,241,.3)}.h-step span{color:#818cf8;margin-right:.5rem}.h-arrow{color:#6366f1;font-size:1.5rem}.theory-footer{text-align:center;margin-top:3rem;padding-bottom:3rem}.footer-divider{width:100%;max-width:42rem;margin:0 auto 2rem;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.footer-title{color:#fff;font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.footer-desc{color:#9ca3af;font-size:1.25rem;margin-bottom:2.5rem;max-width:42rem;margin-left:auto;margin-right:auto}.action-glow-btn{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 auto;background-color:#2563eb;color:#fff;font-size:1.25rem;padding:1.25rem 2.5rem;border-radius:9999px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 30px #2563eb80;border:2px solid rgba(255,255,255,.1);cursor:pointer}.action-glow-btn:hover{background-color:#3b82f6;box-shadow:0 0 50px #2563ebcc;transform:translateY(-4px)}@media(max-width:768px){.theory-card{padding:1.5rem}.theory-header h2{font-size:2.2rem}.example-block{padding:1.5rem}.hierarchy-banner{flex-direction:column}.h-arrow{transform:rotate(90deg)}}.theme-border-sky{border-bottom-color:#38bdf84d}.theme-bg-sky{background-color:#38bdf833;color:#7dd3fc}.real-world-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:1.5rem}@media(min-width:1024px){.real-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.real-world-card{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background-color:#0f172a99;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease}.real-world-card:hover{transform:translateY(-5px)}.shadow-blue:hover{box-shadow:0 15px 30px #3b82f633}.shadow-amber:hover{box-shadow:0 15px 30px #f59e0b33}.shadow-indigo:hover{box-shadow:0 15px 30px #6366f133}.image-container{position:relative;width:100%;height:200px;overflow:hidden}.real-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.real-world-card:hover .real-image{transform:scale(1.05)}.image-overlay{position:absolute;top:1rem;right:1rem;padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.label-blue{background-color:#3b82f6cc;color:#fff}.label-amber{background-color:#f59e0bcc;color:#fff}.label-indigo{background-color:#6366f1cc;color:#fff}.real-content{padding:1.5rem;flex-grow:1}.real-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.real-text{color:#9ca3af;line-height:1.6;font-size:1rem}.text-blue-400{color:#60a5fa}.text-amber-400{color:#fbbf24}.text-indigo-400{color:#818cf8}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);position:relative;overflow:hidden}.login-box{width:420px;max-width:90vw;padding:2.5rem 3rem;z-index:10;position:relative;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.login-header{text-align:center;margin-bottom:2rem}.login-logo-icon{width:64px;height:64px;margin:0 auto 1rem;background:#0f2b5b;border:3px solid #ffffff;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px #0006}.login-header h1{font-size:2.2rem;margin:0 0 .5rem;color:#60a5fa}.login-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:500;cursor:pointer;transition:color .3s}.login-subtitle:hover{color:var(--text-primary)}.login-form-area h2{font-size:1.4rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#fff}.inline-icon{color:var(--primary)}.login-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.input-group{margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.85rem;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.input-group input,.input-group select{background:#0f172a80;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s;outline:none}.input-group input:focus,.input-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633;background:#0f172acc}.input-group select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}.input-group select option{background:#0f172a;color:#fff}.error-message{color:#f87171;font-size:.85rem;margin-bottom:1rem;background:#f871711a;padding:.5rem .8rem;border-radius:8px;border:1px solid rgba(248,113,113,.2)}.login-action-btn,.secondary-btn,.demo-btn,.admin-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.login-action-btn{background:#0f2b5b;border:2px solid #ffffff;color:#fff;box-shadow:0 4px 15px #0006}.login-action-btn:hover{background:#1a365d;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa4d}.secondary-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-primary)}.secondary-btn:hover{background:#ffffff0d;border-color:#fff6}.demo-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.4);color:#34d399}.demo-btn:hover{background:#10b98133;box-shadow:0 4px 15px #10b98133}.admin-action-btn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.5);color:#fbbf24}.admin-action-btn:hover{background:#f59e0b33;box-shadow:0 4px 15px #f59e0b33}.w-full{width:100%}.text-center{text-align:center}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted)}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 1rem;font-size:.85rem}.back-link{background:none;border:none;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;margin:1.5rem auto 0;transition:color .2s;width:fit-content}.back-link:hover{color:#fff}.math-bg-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.math-symbol{position:absolute;color:#ffffff08;font-weight:700;font-family:serif;-webkit-user-select:none;user-select:none}.s1{font-size:25rem;top:-5%;left:-5%;transform:rotate(15deg)}.s2{font-size:15rem;bottom:10%;right:5%;transform:rotate(-10deg)}.s3{font-size:20rem;top:10%;right:-5%;transform:rotate(5deg)}.s4{font-size:12rem;bottom:-5%;left:10%;transform:rotate(-20deg)}.s5{font-size:10rem;top:40%;left:15%;opacity:.05}.admin-dashboard{padding:1rem;animation:fadeIn .5s ease-out}.admin-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-radius:20px;border-bottom:2px solid rgba(59,130,246,.3)}.admin-header h1{font-size:1.8rem;color:#fff;margin:0}.admin-header p{color:var(--text-muted);margin:.2rem 0 0}.refresh-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem;border-radius:50%;cursor:pointer;transition:all .3s}.refresh-btn:hover{background:#3b82f633;border-color:var(--primary);transform:rotate(30deg)}.admin-controls{padding:1.2rem;border-radius:20px;display:flex;flex-direction:column;gap:1rem}.search-box{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.6rem 1rem;display:flex;align-items:center;gap:.8rem;color:var(--text-muted)}.search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%;font-size:1rem}.filter-group{display:flex;align-items:center;gap:1rem;color:var(--text-muted)}.filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.4rem 1rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.chip:hover{background:#ffffff1a}.chip.active{background:#0f2b5b;border-color:#fff;color:#fff;font-weight:600}.student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}.student-card{padding:1.2rem;border-radius:16px;display:flex;align-items:center;gap:1.2rem;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.05)}.student-card:hover{background:#ffffff0d;transform:translate(5px);border-color:#3b82f64d}.student-avatar{width:48px;height:48px;border-radius:12px;background:#0f2b5b;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;box-shadow:0 4px 10px #0000004d}.student-details{flex:1}.student-details h3{margin:0;font-size:1.1rem;color:#fff}.student-meta{display:flex;gap:1rem;margin-top:.3rem}.grade-badge,.date-badge{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.grade-badge{color:var(--primary);font-weight:600}.download-stat{text-align:center;padding-left:1rem;border-left:1px solid rgba(255,255,255,.1)}.stat-value{font-size:1.5rem;font-weight:800;color:#60a5fa}.stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:.2rem}.card-arrow{color:#fff3}.loading-state,.empty-state,.error-state{padding:4rem;text-align:center;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.student-grid{grid-template-columns:1fr}.admin-header{flex-direction:column;text-align:center;gap:1rem}}