:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-tertiary: #1a1a24;--bg-card: rgba(20, 20, 32, .6);--bg-glass: rgba(255, 255, 255, .04);--bg-glass-hover: rgba(255, 255, 255, .08);--orange: #ff6b2b;--orange-light: #ff8a55;--orange-dark: #e55a1b;--orange-glow: rgba(255, 107, 43, .3);--blue: #00d4ff;--blue-light: #33ddff;--blue-dark: #00a8cc;--blue-glow: rgba(0, 212, 255, .3);--green: #00ff88;--green-glow: rgba(0, 255, 136, .25);--red: #ff3b5c;--red-glow: rgba(255, 59, 92, .25);--yellow: #ffd700;--yellow-glow: rgba(255, 215, 0, .25);--purple: #a855f7;--purple-glow: rgba(168, 85, 247, .25);--text-primary: #f0f0f5;--text-secondary: rgba(240, 240, 245, .7);--text-tertiary: rgba(240, 240, 245, .45);--text-accent: var(--orange);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-blur: blur(20px);--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--border-orange: rgba(255, 107, 43, .3);--border-blue: rgba(0, 212, 255, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .6);--shadow-glow-orange: 0 0 30px rgba(255, 107, 43, .15);--shadow-glow-blue: 0 0 30px rgba(0, 212, 255, .15);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fs-4xl: 3.5rem;--fs-5xl: 4.5rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--z-particles: 0;--z-content: 1;--z-header: 100;--z-modal: 200;--z-cursor: 9999;--max-width: 1280px;--header-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;cursor:none;min-height:100vh}::selection{background:var(--orange);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--orange)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--fw-bold);line-height:1.2;color:var(--text-primary)}h1{font-size:var(--fs-4xl);font-weight:var(--fw-black)}h2{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold)}h3{font-size:var(--fs-2xl)}h4{font-size:var(--fs-xl)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--orange);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);cursor:none}a:hover{color:var(--orange-light)}img{max-width:100%;display:block}button{cursor:none;font-family:var(--font-body)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{margin-bottom:var(--space-4)}.section-header .section-subtitle{font-size:var(--fs-lg);color:var(--text-tertiary);max-width:600px;margin:0 auto}.section-header .section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--orange);font-weight:var(--fw-semibold);margin-bottom:var(--space-4);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.accent{color:var(--orange)}.accent-blue{color:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-particles);opacity:.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--orange-glow)}50%{box-shadow:0 0 20px 5px var(--orange-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(.85)}75%{transform:scale(1.05)}}@keyframes lineDraw{0%{stroke-dashoffset:var(--path-length, 300)}to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes counterRoll{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100vh) translate(20px);opacity:0}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 4px var(--orange-glow))}50%{filter:drop-shadow(0 0 12px var(--orange))}}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:800px}}@keyframes celebration{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slower) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.from-left{transform:translate(-40px) translateY(0)}.animate-on-scroll.from-left.visible{transform:translate(0) translateY(0)}.animate-on-scroll.from-right{transform:translate(40px) translateY(0)}.animate-on-scroll.from-right.visible{transform:translate(0) translateY(0)}.animate-on-scroll.scale{transform:scale(.85) translateY(0)}.animate-on-scroll.scale.visible{transform:scale(1) translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.stagger-children.visible>*:nth-child(1){transition-delay:0ms}.stagger-children.visible>*:nth-child(2){transition-delay:80ms}.stagger-children.visible>*:nth-child(3){transition-delay:.16s}.stagger-children.visible>*:nth-child(4){transition-delay:.24s}.stagger-children.visible>*:nth-child(5){transition-delay:.32s}.stagger-children.visible>*:nth-child(6){transition-delay:.4s}.stagger-children.visible>*:nth-child(7){transition-delay:.48s}.stagger-children.visible>*:nth-child(8){transition-delay:.56s}.stagger-children.visible>*:nth-child(9){transition-delay:.64s}.stagger-children.visible>*:nth-child(10){transition-delay:.72s}.stagger-children.visible>*:nth-child(11){transition-delay:.8s}.stagger-children.visible>*:nth-child(12){transition-delay:.88s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.main-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:var(--z-header);background:#0a0a0fd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-subtle);transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.main-header.scrolled{background:#0a0a0ff2;box-shadow:var(--shadow-lg)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between}.header-progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--orange),var(--blue));width:0%;transition:width .1s linear}.logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:var(--fw-extrabold);color:var(--text-primary);text-decoration:none}.logo:hover{color:var(--text-primary)}.logo-icon{font-size:1.6rem;animation:float 3s ease-in-out infinite}.logo-accent{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{position:relative;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.nav-link.active{color:var(--orange);background:#ff6b2b14}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--orange);border-radius:var(--radius-full)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--duration-normal) var(--ease-out)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.custom-cursor{position:fixed;pointer-events:none;z-index:var(--z-cursor);transform:translate(-50%,-50%);will-change:left,top}.custom-cursor canvas{display:block}#cursor-trail{position:fixed;pointer-events:none;z-index:calc(var(--z-cursor) - 1)}.trail-dot{position:fixed;width:6px;height:6px;border-radius:50%;background:var(--orange);pointer-events:none;opacity:0;transition:opacity .3s}.tap-ripple{position:fixed;border-radius:50%;width:40px;height:40px;background:#ff6b2b4d;pointer-events:none;z-index:var(--z-cursor);transform:scale(0);opacity:0}.tap-ripple.active{animation:ripple .6s ease-out forwards}.glass-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--duration-normal) var(--ease-out);overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-light);box-shadow:var(--glass-shadow);transform:translateY(-2px)}.tilt-card{transform-style:preserve-3d;perspective:1000px;transition:transform var(--duration-fast) var(--ease-out)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border:none;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;box-shadow:0 4px 16px var(--orange-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--orange-glow);color:#fff}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--text-primary);background:var(--glass-bg)}.btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-orange{background:#ff6b2b1f;color:var(--orange);border:1px solid rgba(255,107,43,.2)}.badge-blue{background:#00d4ff1f;color:var(--blue);border:1px solid rgba(0,212,255,.2)}.badge-green{background:#00ff881f;color:var(--green);border:1px solid rgba(0,255,136,.2)}.badge-red{background:#ff3b5c1f;color:var(--red);border:1px solid rgba(255,59,92,.2)}.badge-purple{background:#a855f71f;color:var(--purple);border:1px solid rgba(168,85,247,.2)}.badge-yellow{background:#ffd7001f;color:var(--yellow);border:1px solid rgba(255,215,0,.2)}.search-bar{position:relative;max-width:500px;margin:0 auto var(--space-8);z-index:100}.search-bar input{width:100%;padding:var(--space-4) var(--space-6);padding-left:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--fs-base);font-family:var(--font-body);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);outline:none;transition:all var(--duration-normal) var(--ease-out);cursor:none}.search-bar input::placeholder{color:var(--text-tertiary)}.search-bar input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-glow)}.search-bar .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--fs-lg);pointer-events:none}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);max-height:300px;overflow-y:auto;z-index:100;display:none;box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-results.active{display:block}.search-result-item{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast);cursor:none}.search-result-item:hover{background:var(--bg-glass-hover)}.search-result-item:last-child{border-bottom:none}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8)}.filter-pill{padding:var(--space-2) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:none;transition:all var(--duration-fast) var(--ease-out);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.filter-pill:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.filter-pill.active{color:var(--orange);background:#ff6b2b1a;border-color:var(--border-orange)}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);margin-bottom:var(--space-8);overflow-x:auto}.tab{flex:1;padding:var(--space-3) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;text-align:center}.tab:hover{color:var(--text-primary);background:#ffffff08}.tab.active{color:var(--text-primary);background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.expandable{border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:border-color var(--duration-fast)}.expandable:hover{border-color:var(--border-light)}.expandable-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);cursor:none;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast)}.expandable-header:hover{background:var(--bg-glass-hover)}.expandable-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ff6b2b1a;border-radius:var(--radius-md);font-size:1.4rem;flex-shrink:0}.expandable-title{flex:1}.expandable-title h3{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-1)}.expandable-title p{font-size:var(--fs-sm);color:var(--text-tertiary)}.expandable-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.expandable.open .expandable-arrow{transform:rotate(180deg)}.expandable-body{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.expandable.open .expandable-body{max-height:2000px}.expandable-content{padding:0 var(--space-6) var(--space-6)}.difficulty-toggle{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full)}.difficulty-btn{padding:var(--space-2) var(--space-5);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out)}.difficulty-btn:hover{color:var(--text-primary)}.difficulty-btn.active{color:var(--bg-primary);background:var(--orange)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.detail-item{background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.detail-item h4{font-size:var(--fs-sm);color:var(--orange);font-weight:var(--fw-semibold);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.detail-item p,.detail-item ul{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.detail-item ul{list-style:none;padding:0}.detail-item ul li{padding-left:16px;position:relative;margin-bottom:var(--space-1)}.detail-item ul li:before{content:"›";position:absolute;left:0;color:var(--orange);font-weight:700}.signal-box{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background:#ff6b2b0a;border:1px solid rgba(255,107,43,.1);border-radius:var(--radius-md);margin-top:var(--space-3)}.signal-box svg{width:120px;height:120px}.signal-box svg path,.signal-box svg line,.signal-box svg circle{stroke:var(--orange);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.quiz-option{padding:var(--space-4) var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--text-primary);text-align:left;width:100%;cursor:none;transition:all var(--duration-fast) var(--ease-out);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.quiz-option:hover{background:var(--bg-glass-hover);border-color:var(--border-light);transform:translate(4px)}.quiz-option.correct{background:#00ff881a;border-color:var(--green);color:var(--green)}.quiz-option.incorrect{background:#ff3b5c1a;border-color:var(--red);color:var(--red)}.quiz-option.disabled{pointer-events:none;opacity:.6}.quiz-score{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.quiz-progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--blue));border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.quiz-question-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-8);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.quiz-question-number{display:flex;align-items:center;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.quiz-question-text{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:1.6;margin-bottom:var(--space-6)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-feedback{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-md);font-size:var(--fs-sm);line-height:1.6;display:none}.quiz-feedback.show{display:block;animation:fadeIn var(--duration-normal) var(--ease-out)}.quiz-feedback.correct{background:#00ff8814;border:1px solid rgba(0,255,136,.2);color:var(--text-secondary)}.quiz-feedback.correct strong{color:var(--green)}.quiz-feedback.incorrect{background:#ff3b5c14;border:1px solid rgba(255,59,92,.2);color:var(--text-secondary)}.quiz-feedback.incorrect strong{color:var(--red)}.quiz-results{text-align:center;padding:var(--space-12);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.quiz-results-score{font-size:4rem;font-weight:var(--fw-black);font-family:var(--font-heading);line-height:1;margin-bottom:var(--space-2)}.quiz-results-label{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.celebration-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;animation:celebrationFall 1.2s ease-out forwards}@keyframes celebrationFall{0%{transform:scale(0) translateY(0) rotate(0);opacity:1}50%{transform:scale(1.2) translateY(-30px) rotate(180deg);opacity:.9}to{transform:scale(.5) translateY(80px) rotate(360deg);opacity:0}}.main-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-24)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.footer-brand{margin-bottom:var(--space-10)}.footer-tagline{margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--fs-sm)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);margin-bottom:var(--space-10)}.footer-col h4{font-size:var(--fs-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4)}.footer-col a{display:block;color:var(--text-secondary);font-size:var(--fs-sm);padding:var(--space-1) 0;transition:color var(--duration-fast)}.footer-col a:hover{color:var(--orange)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--border-subtle);text-align:center}.footer-bottom p{font-size:var(--fs-xs);color:var(--text-tertiary)}.app-content{min-height:100vh;padding-top:var(--header-height);position:relative;z-index:var(--z-content)}.page-enter{animation:fadeInUp .5s var(--ease-out) forwards}.hero{position:relative;min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-20) var(--space-6);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,107,43,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,212,255,.06) 0%,transparent 60%);pointer-events:none}.hero-content{position:relative;max-width:800px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:var(--space-6);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);animation:fadeInUp .6s var(--ease-out) both}.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:var(--fw-black);line-height:1.05;margin-bottom:var(--space-6);animation:fadeInUp .6s var(--ease-out) .1s both}.gradient-text{background:linear-gradient(135deg,var(--orange),var(--orange-light),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--fs-lg);color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-8);animation:fadeInUp .6s var(--ease-out) .2s both}.hero-actions{display:flex;align-items:center;gap:var(--space-4);justify-content:center;animation:fadeInUp .6s var(--ease-out) .3s both}.hero-basketball{position:absolute;right:-5%;top:20%;width:400px;height:400px;opacity:.07;pointer-events:none}.hero-basketball svg{width:100%;height:100%;animation:float 4s ease-in-out infinite}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);padding:var(--space-16) var(--space-6);max-width:var(--max-width);margin:0 auto}.stat-card{text-align:center;padding:var(--space-6)}.stat-number{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:var(--fw-black);color:var(--orange);line-height:1;margin-bottom:var(--space-2)}.stat-label{font-size:var(--fs-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.categories-section{padding:var(--space-20) var(--space-6);max-width:var(--max-width);margin:0 auto}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.category-card{position:relative;padding:var(--space-8);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-decoration:none;overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--orange)),transparent);opacity:0;transition:opacity var(--duration-normal)}.category-card:hover:before{opacity:1}.category-card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow-lg);background:var(--bg-glass-hover)}.category-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:#ff6b2b14;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.category-card h3{font-size:var(--fs-lg);margin-bottom:var(--space-2);color:var(--text-primary)}.category-card p{font-size:var(--fs-sm);color:var(--text-tertiary);line-height:1.5}.category-card .card-arrow{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--orange);transition:gap var(--duration-fast)}.category-card:hover .card-arrow{gap:var(--space-3)}.page-section{padding:var(--space-20) var(--space-6);max-width:var(--max-width);margin:0 auto}.fouls-grid,.violations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-5);align-items:start}.foul-card,.violation-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.foul-card:hover,.violation-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.foul-card-header,.violation-card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);cursor:none}.foul-card-header:hover,.violation-card-header:hover{background:var(--bg-glass-hover)}.foul-card-icon,.violation-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.4rem;flex-shrink:0}.foul-card-info,.violation-card-info{flex:1;min-width:0}.foul-card-info h3,.violation-card-info h3{font-size:var(--fs-base);font-weight:var(--fw-semibold)}.foul-card-info .foul-short-desc,.violation-card-info .violation-short-desc{font-size:var(--fs-sm);color:var(--text-tertiary);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foul-card-toggle,.violation-card-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0;font-size:var(--fs-sm)}.foul-card.open .foul-card-toggle,.violation-card.open .violation-card-toggle{transform:rotate(180deg)}.foul-card-body,.violation-card-body{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.foul-card.open .foul-card-body,.violation-card.open .violation-card-body{max-height:1200px}.foul-card-content,.violation-card-content{padding:0 var(--space-6) var(--space-6);border-top:1px solid var(--border-subtle)}.regulations-grid{display:grid;gap:var(--space-4)}.signals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.signal-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--duration-normal) var(--ease-out);cursor:none}.signal-card:hover{border-color:var(--border-orange);transform:translateY(-3px);box-shadow:var(--shadow-glow-orange)}.signal-card h4{font-size:var(--fs-base);margin-bottom:var(--space-2)}.signal-card p{font-size:var(--fs-sm);color:var(--text-tertiary)}.court-container{position:relative;max-width:900px;margin:0 auto;padding:var(--space-8);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.court-svg-wrapper{width:100%;aspect-ratio:28/15}.court-svg-wrapper svg{width:100%;height:100%}.court-labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.court-label-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast)}.court-label-item:hover{background:var(--bg-glass-hover)}.court-label-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px}.quiz-container{max-width:700px;margin:0 auto}.quiz-question-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10);margin-bottom:var(--space-6)}.quiz-question-number{font-size:var(--fs-sm);color:var(--orange);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3)}.quiz-question-text{font-size:var(--fs-xl);font-weight:var(--fw-semibold);font-family:var(--font-heading);line-height:1.4;margin-bottom:var(--space-6)}.quiz-options{display:grid;gap:var(--space-3)}.quiz-feedback{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--fs-sm);margin-top:var(--space-4);display:none}.quiz-feedback.show{display:block}.quiz-feedback.correct{background:#00ff8814;border:1px solid rgba(0,255,136,.2);color:var(--green)}.quiz-feedback.incorrect{background:#ff3b5c14;border:1px solid rgba(255,59,92,.2);color:var(--red)}.quiz-nav{display:flex;justify-content:center;margin-top:var(--space-6)}.quiz-results{text-align:center;padding:var(--space-16) var(--space-6)}.quiz-results-score{font-family:var(--font-heading);font-size:6rem;font-weight:var(--fw-black);line-height:1;margin-bottom:var(--space-4)}.quiz-results-label{font-size:var(--fs-xl);color:var(--text-secondary);margin-bottom:var(--space-8)}.celebration-particle{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:500;animation:celebration 1s ease-out forwards}.about-content{max-width:800px;margin:0 auto}.about-content h2{margin-top:var(--space-12);margin-bottom:var(--space-4)}.about-content p{margin-bottom:var(--space-4)}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-top:var(--space-8)}.about-feature{padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.about-feature-icon{font-size:2rem;margin-bottom:var(--space-4)}.about-feature h4{margin-bottom:var(--space-2)}.about-feature p{font-size:var(--fs-sm);color:var(--text-tertiary)}@media(max-width:1024px){:root{--fs-4xl: 2.75rem;--fs-5xl: 3.5rem}.stats-row{grid-template-columns:repeat(2,1fr)}.fouls-grid,.violations-grid,.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.mobile-menu-btn{display:flex}.main-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;width:100%;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));background:#0a0a0f;flex-direction:column;align-items:stretch;padding:var(--space-6);gap:var(--space-2);transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out);z-index:9999;overflow-y:auto}.main-nav.open{transform:translate(0)}.nav-link{font-size:var(--fs-lg);padding:var(--space-4) var(--space-4);border-radius:var(--radius-md)}.nav-link.active:after{display:none}.hero h1{font-size:clamp(2rem,8vw,3rem)}.hero-actions{flex-direction:column}.hero-basketball{display:none}.stats-row{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-number{font-size:var(--fs-2xl)}.categories-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;gap:var(--space-6)}.tabs{justify-content:flex-start}.tab{flex:none}.signals-grid{grid-template-columns:1fr 1fr}.court-labels{grid-template-columns:1fr}.quiz-question-card{padding:var(--space-6)}}@media(max-width:480px){:root{--fs-4xl: 2rem;--fs-3xl: 1.75rem;--fs-2xl: 1.5rem}.container,.page-section{padding-left:var(--space-4);padding-right:var(--space-4)}.signals-grid{grid-template-columns:1fr}.filter-bar{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-2)}.filter-pill{flex-shrink:0}.quiz-results-score{font-size:4rem}}@media(hover:none)and (pointer:coarse){html,body,a,button,.search-bar input,.expandable-header,.foul-card-header,.violation-card-header,.quiz-option,.signal-card,.filter-pill{cursor:auto!important}.custom-cursor,#cursor-trail{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-on-scroll{opacity:1;transform:none}}