html{scroll-behavior:smooth}:root{--color-bg-primary:#0a0a1a;--color-bg-secondary:#0f0f1f;--color-text-primary:#d4d4d8;--color-text-secondary:#a1a1aa;--color-accent-purple:#8b5cf6;--color-accent-cyan:#06b6d4;--color-border:rgba(255,255,255,.08)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.font-sans{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.font-serif{font-family:Newsreader,ui-serif,Georgia,serif}.noise-overlay{pointer-events:none;z-index:50;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}#main-nav{transition:all .3s ease-in-out}#main-nav.nav-scrolled{-webkit-backdrop-filter:blur(20px);background:rgba(10,10,26,.95);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px rgba(0,0,0,.5)}#main-nav.nav-scrolled .h-20,#main-nav.nav-scrolled .md\:h-24{height:4rem!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a1a}::-webkit-scrollbar-thumb{background-color:#52525b;border-radius:3px}.scrolling-text-container{white-space:nowrap;overflow:hidden}.scrolling-text{animation:40s linear infinite scroll;display:inline-block}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-in-up{opacity:0;animation:.8s ease-out forwards fadeInUp;transform:translateY(20px)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.floating-orb{animation:20s ease-in-out infinite float}.floating-orb-1{animation-delay:0s;top:10%;right:10%}.floating-orb-2{animation-delay:-7s;bottom:20%;left:5%}.floating-orb-3{animation-delay:-14s;top:60%;right:30%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.9)}}.grid-pattern{background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:50px 50px;animation:20s linear infinite gridMove}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.badge-shimmer{display:inline-block;position:relative;overflow:hidden}.badge-shimmer:after{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.reveal-on-scroll{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.animate-bounce-slow{animation:3s ease-in-out infinite bounceSlow}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scrolling-wrapper{width:max-content;animation:none;display:flex}.scroll-left-container{animation:30s linear infinite scrollLeft}.scroll-right-container{animation:30s linear infinite scrollRight}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.fade-mask-x{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::selection{color:#000;background:#fff}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-slow{animation:4s cubic-bezier(.4,0,.6,1) infinite pulse-slow}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fade-in-out{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes sequence-student-typing{0%{opacity:1;display:block;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;display:none;transform:scale(.9)}}@keyframes sequence-student-msg{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sequence-ai-typing{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes sequence-ai-msg{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-student-typing,.anim-student-msg,.anim-ai-typing,.anim-ai-msg{opacity:0;animation:none}.is-visible .anim-student-typing{animation:1.5s .5s forwards sequence-student-typing}.is-visible .anim-student-msg{opacity:0;animation:.5s ease-out 2s forwards sequence-student-msg}.is-visible .anim-ai-typing{opacity:0;animation:2s ease-in-out 2.5s forwards sequence-ai-typing}.is-visible .anim-ai-msg{opacity:0;animation:.5s ease-out 4.5s forwards sequence-ai-msg}