.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff1a}.dark .glass-card{background:#0f172a99;border:1px solid #94a3b81a;box-shadow:0 8px 32px #00000080,inset 0 1px #94a3b80d}.glass-card-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b1a;border:1px solid #ffffff1a}.frequency-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffc 0%,#fff6 100%);border:1px solid #ffffff4d;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}.dark .frequency-card{background:linear-gradient(135deg,#1e293bcc 0%,#1e293b66 100%);border:1px solid #94a3b826}.frequency-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #0000001a,0 0 0 1px #3b82f61a,inset 0 1px #fff3}.dark .frequency-card:hover{box-shadow:0 25px 50px #0006,0 0 0 1px #38bdf833,0 0 30px #3b82f626}.frequency-card.playing{border-color:#3b82f680}.dark .frequency-card.playing{border-color:#38bdf880;box-shadow:0 0 20px #38bdf833}.btn-primary-glow{background:linear-gradient(135deg,#3b82f6,#6366f1);transition:box-shadow .3s,transform .3s;box-shadow:0 4px 15px #3b82f666,inset 0 1px #fff3}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699,inset 0 1px #ffffff4d}.dark .btn-primary-glow{box-shadow:0 4px 15px #3b82f64d,0 0 20px #6366f126,inset 0 1px #ffffff1a}.dark .btn-primary-glow:hover{box-shadow:0 8px 30px #3b82f680,0 0 40px #6366f140,inset 0 1px #ffffff26}.animated-bg{background:linear-gradient(270deg,#f8fafc,#e0f2fe,#e7e5ff,#f0f9ff) 0 0/800% 800%;animation:20s infinite gradient-x}.dark .animated-bg{background:linear-gradient(270deg,#0f172a,#1e293b,#1a1f3a,#0f172a) 0 0/800% 800%}.neural-pattern{background-image:radial-gradient(circle at 20% 20%,#3b82f61a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 40% 60%,#9333ea1a 0%,#0000 50%)}.dark .neural-pattern{background-image:radial-gradient(circle at 20% 20%,#38bdf814 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6366f114 0%,#0000 50%),radial-gradient(circle at 40% 60%,#9333ea0f 0%,#0000 50%)}.hero-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%) 0 0/400% 400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:15s infinite gradient-x}.dark .hero-gradient{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 25%,#f0abfc 50%,#fb7185 75%,#67e8f9 100%) 0 0/400% 400%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:15s infinite gradient-x}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f6b3,0 0 60px #6366f166}}@keyframes frequency-wave{0%{transform:scaleY(.5)scaleX(1)}25%{transform:scaleY(1.2)scaleX(.8)}50%{transform:scaleY(.8)scaleX(1.1)}75%{transform:scaleY(1.4)scaleX(.9)}to{transform:scaleY(.5)scaleX(1)}}.float-animation{animation:6s ease-in-out infinite float}.float-animation:nth-child(2){animation-delay:2s}.float-animation:nth-child(3){animation-delay:4s}.freq-bar{background:linear-gradient(#8b5cf6,#3b82f6);border-radius:2px;width:3px;animation:1.5s ease-in-out infinite frequency-wave}.dark .freq-bar{background:linear-gradient(#a78bfa,#38bdf8)}.freq-bar:nth-child(2){animation-delay:.1s}.freq-bar:nth-child(3){animation-delay:.2s}.freq-bar:nth-child(4){animation-delay:.3s}.freq-bar:nth-child(5){animation-delay:.4s}.audio-wave{align-items:end;gap:2px;height:40px;display:flex}.audio-wave.active .freq-bar{animation:1.5s ease-in-out infinite frequency-wave}.particles{pointer-events:none;width:100%;height:100%;position:absolute;overflow:hidden}.particle{background:radial-gradient(circle,#3b82f699 0%,#0000 70%);border-radius:50%;width:4px;height:4px;animation:8s ease-in-out infinite float;position:absolute}.dark .particle{background:radial-gradient(circle,#38bdf880 0%,#0000 70%)}@media (max-width:768px){.frequency-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2}.dark .frequency-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bf2}.frequency-card:hover{transform:translateY(-4px)scale(1.01)}.glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26}.dark .glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172ab3}}.scroll-reveal{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.scroll-reveal.active{opacity:1;transform:translateY(0)}.scroll-parallax{will-change:transform}html{scroll-behavior:smooth}.medical-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f61a;transition:border-color .5s,box-shadow .5s}.dark .medical-section{background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #94a3b81a}.medical-section.viewed,.dark .medical-section.viewed{border-color:#22c55e4d;box-shadow:0 0 0 1px #22c55e1a}.progress-indicator{transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.progress-indicator.complete{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b98166}.scroll-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.scroll-particle{background:radial-gradient(circle,#6366f199,#0000);border-radius:50%;width:2px;height:2px;animation:12s ease-in-out infinite scrollFloat;position:absolute}.dark .scroll-particle{background:radial-gradient(circle,#818cf880,#0000)}@keyframes scrollFloat{0%,to{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}50%{opacity:.8;transform:translateY(-100px)translate(20px)scale(1.2)}90%{opacity:1}to{opacity:0;transform:translateY(-200px)translate(-10px)scale(.8)}}.gpu-accelerated{will-change:transform, opacity;transform:translateZ(0)}.stagger-animation{animation-delay:calc(var(--stagger-delay,0) * .1s)}.hero-section{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 25%,#e7e5ff 50%,#f0f9ff 75%,#fef3c7 100%);min-height:100vh;position:relative;overflow:hidden}.dark .hero-section{background:linear-gradient(135deg,#0f172a 0%,#0c1929 25%,#151530 50%,#0f172a 75%,#1a1520 100%)}.hero-particles{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle-orb{opacity:.1;filter:blur(1px);border-radius:50%;animation:12s ease-in-out infinite float-complex;position:absolute}.dark .particle-orb{opacity:.15}@keyframes float-complex{0%,to{transform:translateY(0)translate(0)scale(1)}25%{transform:translateY(-30px)translate(20px)scale(1.1)}50%{transform:translateY(-60px)translate(-10px)scale(.9)}75%{transform:translateY(-20px)translate(-30px)scale(1.2)}}.audio-wave-enhanced{justify-content:center;align-items:end;gap:3px;height:60px;padding:10px;display:flex}.audio-wave-enhanced .freq-bar{background:linear-gradient(#06b6d4,#8b5cf6,#3b82f6);border-radius:2px;width:4px;min-height:8px;transition:height .1s;animation:1.5s ease-in-out infinite frequency-wave-enhanced}.dark .audio-wave-enhanced .freq-bar{background:linear-gradient(#22d3ee,#a78bfa,#38bdf8)}.audio-wave-enhanced.active .freq-bar{animation:.8s ease-in-out infinite frequency-pulse}@keyframes frequency-pulse{0%,to{opacity:.7;transform:scaleY(1)scaleX(1)}50%{opacity:1;transform:scaleY(1.5)scaleX(1.2)}}.hero-title-word{perspective:1000px;transform-style:preserve-3d;display:inline-block}.hero-title-char{opacity:0;animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards char-reveal;display:inline-block;transform:translateY(100px)rotateX(-90deg)}@keyframes char-reveal{to{opacity:1;transform:translateY(0)rotateX(0)}}.cta-primary-enhanced{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4) 0 0/200% 200%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:4s infinite gradient-shift;position:relative;box-shadow:0 10px 40px #3b82f666,inset 0 1px #fff3,0 0 0 1px #ffffff1a}.dark .cta-primary-enhanced{box-shadow:0 10px 40px #3b82f64d,0 0 30px #6366f126,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d}.cta-primary-enhanced:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 20px 60px #3b82f699,inset 0 1px #ffffff4d,0 0 0 1px #fff3}.dark .cta-primary-enhanced:hover{box-shadow:0 20px 60px #3b82f666,0 0 50px #6366f140,inset 0 1px #ffffff26,0 0 0 1px #ffffff1a}.cta-primary-enhanced:before{content:"";border-radius:inherit;z-index:1;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.compliance-progress{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:9999px;height:12px;position:relative;overflow:hidden}.compliance-progress:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:2s ease-in-out infinite progress-shine;position:absolute;top:0;left:-100%}@keyframes progress-shine{0%{left:-100%}to{left:100%}}.scroll-indicator{animation:2s ease-in-out infinite bounce-gentle;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce-gentle{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.interactive-demo-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff4d;transition:transform .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1)}.dark .interactive-demo-card{background:#1e293bcc;border:1px solid #94a3b826}.interactive-demo-card:hover{background:#ffffffe6;transform:translateY(-5px)scale(1.02);box-shadow:0 20px 40px #0000001a,0 0 0 1px #3b82f633}.dark .interactive-demo-card:hover{background:#1e293be6;box-shadow:0 20px 40px #0006,0 0 0 1px #38bdf833,0 0 20px #3b82f61a}.interactive-demo-card.playing{border-color:#3b82f680;box-shadow:0 15px 35px #3b82f64d,inset 0 1px #ffffff4d}.dark .interactive-demo-card.playing{border-color:#38bdf880;box-shadow:0 15px 35px #38bdf833,0 0 25px #3b82f626,inset 0 1px #ffffff0d}.gpu-optimized{will-change:transform, opacity;backface-visibility:hidden;transform:translateZ(0)}@media (max-width:768px){.hero-section{min-height:100svh}.audio-wave-enhanced{gap:2px;height:40px}.audio-wave-enhanced .freq-bar{width:3px}.interactive-demo-card:hover{transform:translateY(-2px)scale(1.01)}.dark .interactive-demo-card{background:#1e293bf2}}@media (prefers-reduced-motion:reduce){.particle-orb,.freq-bar,.hero-title-char,.cta-primary-enhanced{animation:none}.interactive-demo-card:hover{transform:none}}
.progression-level-1{--progression-primary:#6366f1;--progression-glow:#6366f166;--progression-accent:#818cf8;--progression-bg:#1e1b4b99;--progression-particle-color:#6366f1b3;--progression-intensity:.3}.progression-level-2{--progression-primary:#3b82f6;--progression-glow:#3b82f666;--progression-accent:#60a5fa;--progression-bg:#17255499;--progression-particle-color:#3b82f6b3;--progression-intensity:.4}.progression-level-3{--progression-primary:#f59e0b;--progression-glow:#f59e0b66;--progression-accent:#fbbf24;--progression-bg:#451a0399;--progression-particle-color:#f59e0bb3;--progression-intensity:.5}.progression-level-4{--progression-primary:#10b981;--progression-glow:#10b98166;--progression-accent:#34d399;--progression-bg:#064e3b99;--progression-particle-color:#10b981b3;--progression-intensity:.6}.progression-level-5{--progression-primary:#8b5cf6;--progression-glow:#8b5cf680;--progression-accent:#a78bfa;--progression-bg:#2e106599;--progression-particle-color:#8b5cf6b3;--progression-intensity:.7}.progression-level-6{--progression-primary:#ec4899;--progression-glow:#ec489980;--progression-accent:#f472b6;--progression-bg:#50073399;--progression-particle-color:#ec4899b3;--progression-intensity:.8}.progression-level-7{--progression-primary:#06b6d4;--progression-glow:#06b6d480;--progression-accent:#22d3ee;--progression-bg:#08334499;--progression-particle-color:#06b6d4b3;--progression-intensity:.9}.progression-level-8{--progression-primary:#d97706;--progression-glow:#d9770699;--progression-accent:#fbbf24;--progression-bg:#291400b3;--progression-particle-color:#d97706cc;--progression-intensity:1}[class*=progression-level-]{transition:color .6s,background-color .6s,border-color .6s,box-shadow .6s}.progression-glow{box-shadow:0 0 20px var(--progression-glow,#6366f166)}@keyframes progression-level-up-flash{0%{box-shadow:0 0 0 0 var(--progression-glow,#6366f199)}50%{box-shadow:0 0 60px 20px var(--progression-glow,#6366f1cc)}to{box-shadow:0 0 0 0 var(--progression-glow,#6366f199)}}.progression-leveling-up{animation:1.5s ease-out 2 progression-level-up-flash}