:root{--color-bg:#030712;--color-primary:#00e0ff;--color-secondary:#0f4c81;--color-text:#f0f4f8;--glass-bg:#03071266;--glass-border:#00e0ff33;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden}.cursor-dot{background-color:var(--color-primary);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-glow{pointer-events:none;z-index:9998;background:radial-gradient(circle,#00e0ff66 0%,#00e0ff00 70%);border-radius:50%;width:50px;height:50px;transition:width .2s,height .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}a,button,.feature-box{cursor:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #00000080}.text-gradient{background:linear-gradient(90deg, #fff, var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-text{text-shadow:0 0 10px #00e0ff80}.app-container{width:100%;position:relative}.video-background{z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.audio-toggle-btn{z-index:100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:1px;background:#00000080;border:1px solid #fff3;border-radius:50px;padding:.75rem 1.25rem;font-family:inherit;font-size:.9rem;transition:all .3s;position:fixed;top:2rem;right:2rem}.audio-toggle-btn:hover{border-color:var(--color-primary,#00e0ff);background:#ffffff1a;box-shadow:0 0 15px #00e0ff4d}.video-background video{object-fit:cover;opacity:.6;width:100vw;height:100vh}.section{z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.content-card{text-align:center;opacity:0;width:100%;max-width:800px;padding:3rem;transition:all .8s cubic-bezier(.25,1,.5,1);transform:translateY(40px)}.content-card.visible{opacity:1;transform:translateY(0)}.section-right{align-items:flex-end;padding-right:5%}.content-card-right{text-align:right;transform:translate(100px)}.content-card-right.visible{transform:translate(0)}.section-left{align-items:flex-start;padding-left:5%}.content-card-left{text-align:left;transform:translate(-100px)}.content-card-left.visible{transform:translate(0)}.section-closing{justify-content:center;align-items:center;min-height:50vh}.content-card h1,.content-card h2,.content-card h3,.content-card p,.content-card .hero-logo{opacity:0;transition:all .6s cubic-bezier(.25,1,.5,1);transform:translateY(20px)}.content-card-right h2,.content-card-right p{transform:translate(30px)}.content-card-left h2,.content-card-left p{transform:translate(-30px)}.content-card.visible .hero-logo{opacity:1;transition-delay:.3s;transform:translateY(0)}.content-card.visible h1{opacity:1;transition-delay:.4s;transform:translateY(0)}.content-card.visible h2{opacity:1;transition-delay:.5s;transform:translate(0)}.content-card.visible p{opacity:1;transition-delay:.7s;transform:translate(0)}.feature-box{opacity:0;transition:all .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(.9)}.content-card.visible .feature-box:first-child{opacity:1;transition-delay:.6s;transform:scale(1)}.content-card.visible .feature-box:nth-child(2){opacity:1;transition-delay:.8s;transform:scale(1)}.content-card.visible .feature-box:nth-child(3){opacity:1;transition-delay:1s;transform:scale(1)}.section-closing h2{transition:all .8s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5)}.section-closing .content-card.visible h2{opacity:1;transition-delay:.3s;transform:scale(1)}h1{letter-spacing:-1px;margin-bottom:1rem;font-size:4rem;font-weight:800}h2{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}p{color:#ccc;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.hero-logo{justify-content:center;align-items:center;gap:20px;margin-bottom:2rem;display:flex}.loea-title{letter-spacing:2px;margin:0;font-size:4.5rem;font-weight:900;line-height:1}.loea-subtitle{letter-spacing:6px;color:var(--color-primary);text-transform:uppercase;margin-top:.5rem;font-size:1.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-box{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s,border-color .3s}.feature-box:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 0 20px #00e0ff26}.feature-box h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.feature-box p{margin:0;font-size:1rem}