*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#000;color:#fff}a{font-weight:500;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:700}button{font-family:inherit}#root{min-height:100vh}.app{height:100vh;width:100vw;background-color:#000;color:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}.animated-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none;opacity:.6}@keyframes gridMove{0%{transform:translate(0);opacity:.4}50%{opacity:.6}to{transform:translate(50px,50px);opacity:.4}}.mouse-follower{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s;z-index:0;filter:blur(60px)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.08);background:#00000080;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:0 0 30px 30px}.logo{display:flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo:hover{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-text{font-size:1.8rem;font-weight:900;letter-spacing:6px;background:linear-gradient(120deg,#fff,#f0f0f0,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;animation:shimmerText 3s linear infinite;text-shadow:0 0 30px rgba(255,255,255,.3)}@keyframes shimmerText{0%{background-position:0% center}to{background-position:200% center}}.logo-dot{display:none}.nav-actions{display:flex;gap:1rem;align-items:center}.btn-nav{padding:.75rem 2rem;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50px;position:relative;overflow:hidden;animation:fadeInNav .8s ease-out}@keyframes fadeInNav{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-nav-secondary{background:linear-gradient(135deg,#ffffff14,#ffffff08);color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #ffffff14,inset 0 1px #ffffff26}.btn-nav-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff9;transform:translateY(-3px);box-shadow:0 10px 40px #fff3,inset 0 1px #ffffff40}.btn-nav-primary{background:linear-gradient(135deg,#fff,#e0e0e0);color:#000;border:2px solid transparent;box-shadow:0 4px 20px #fff3;position:relative;overflow:hidden}.btn-nav-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-nav-primary:hover:before{left:100%}.btn-nav-primary:hover{transform:translateY(-3px);box-shadow:0 12px 50px #fff6,0 4px 20px #ffffff4d;background:linear-gradient(135deg,#fff,#fff)}.btn-nav-primary *{position:relative;z-index:1}.menu-toggle{background:transparent;border:1px solid #ffffff;border-radius:12px;color:#fff;font-size:1.5rem;width:50px;height:50px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle:hover{background-color:#fff;color:#000;border-radius:16px;transform:scale(1.05)}.main-content{flex:1;display:flex;flex-direction:column;position:relative;z-index:5;padding:2rem 4rem}.content-wrapper{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;padding:1rem 0}.left-content{display:flex;flex-direction:column;gap:2rem}.badge{display:inline-block;padding:.6rem 2rem;border:1px solid rgba(255,255,255,.3);border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;width:fit-content;animation:slideInLeft 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 8px 32px #ffffff1a,inset 0 1px #fff3}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:7rem;font-weight:900;line-height:.9;letter-spacing:-2px;margin:0;animation:fadeInUp 1s ease-out .2s both;background:linear-gradient(135deg,#fff,#f0f0f0,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(255,255,255,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.highlight{display:inline-block;padding:.3rem 2rem;border-radius:50px;background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 8px 40px #fff3,inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.3);animation:floatBg 4s ease-in-out infinite;position:relative}@keyframes floatBg{0%,to{box-shadow:0 8px 40px #fff3,inset 0 1px #ffffff4d}50%{box-shadow:0 12px 60px #ffffff4d,inset 0 1px #fff6}}.rotating-quote{margin-top:1rem;height:60px;overflow:hidden}.quote-text{font-size:1.2rem;font-weight:300;letter-spacing:5px;text-transform:uppercase;opacity:.8;animation:fadeIn 1s ease-out;background:linear-gradient(135deg,#ffffffe6,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cta-buttons{display:flex;gap:1.5rem;margin-top:1rem}.btn{padding:1.3rem 3.5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#fff,#f0f0f0);color:#000;box-shadow:0 8px 30px #ffffff4d,0 2px 10px #fff3;border:1px solid rgba(255,255,255,.5)}.btn-primary:after{content:"";position:absolute;inset:0;border-radius:50px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.5),transparent)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 50px #fff6,0 5px 20px #ffffff4d;background:linear-gradient(135deg,#fff,#fff)}.btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #ffffff1a,inset 0 1px #fff3}.btn-secondary:hover{background:linear-gradient(135deg,#fff,#f0f0f0);color:#000;border-color:#fffc;transform:translateY(-4px);box-shadow:0 15px 40px #ffffff4d,0 5px 20px #fff3}.right-content{position:relative;height:500px}.visual-box{position:relative;width:100%;height:100%;border:1px solid rgba(255,255,255,.25);border-radius:50px;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08) 0%,transparent 50%),linear-gradient(135deg,#ffffff05,#ffffff03);overflow:hidden;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 25px 80px #ffffff1a,0 10px 30px #ffffff0d,inset 0 1px #ffffff26;animation:floatBox 6s ease-in-out infinite}@keyframes floatBox{0%,to{box-shadow:0 25px 80px #ffffff1a,0 10px 30px #ffffff0d,inset 0 1px #ffffff26}50%{box-shadow:0 30px 100px #ffffff26,0 15px 40px #ffffff1a,inset 0 1px #fff3}}.geometric-shape{position:absolute;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #ffffff26,inset 0 1px #fff3}.shape-1{width:150px;height:150px;top:20%;left:30%;border-radius:50%;animation:float 6s ease-in-out infinite;box-shadow:inset 0 0 50px #ffffff26,0 0 40px #ffffff1a;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent)}.shape-2{width:100px;height:100px;top:50%;left:10%;border-radius:30px;transform:rotate(45deg);animation:float 8s ease-in-out infinite reverse;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:inset 0 2px 10px #ffffff1a}.shape-3{width:80px;height:80px;top:60%;left:60%;border-radius:25px;transform:rotate(45deg);animation:float 7s ease-in-out infinite;background:linear-gradient(135deg,#ffffff26,#ffffff0d);box-shadow:inset 0 2px 10px #ffffff1a}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.scan-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#ffffff,transparent);animation:scan 3s linear infinite;border-radius:50px;box-shadow:0 0 10px #ffffff80}@keyframes scan{0%{transform:translateY(0);opacity:1;box-shadow:0 0 10px #ffffff80}to{transform:translateY(500px);opacity:0;box-shadow:0 0 20px #fffc}}.stats-bar{display:flex;justify-content:space-around;align-items:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.1);position:relative;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px 30px 0 0}.stat-item{text-align:center;padding:1.5rem 2rem;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0d);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transform:translateY(-8px) scale(1.02);box-shadow:0 15px 50px #ffffff26,inset 0 1px #fff3}.stat-number{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#f0f0f0,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;animation:gradientShift 4s linear infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.stat-item:hover .stat-number{background:linear-gradient(45deg,#fff,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.1)}.stat-label{font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;opacity:.6;transition:all .3s ease}.stat-item:hover .stat-label{opacity:1}.stat-divider{width:1px;height:60px;background:#ffffff1a;border-radius:2px}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#fff,#fff9);border-radius:50%;animation:particleFloat 5s linear infinite;box-shadow:0 0 15px #fffc,0 0 30px #fff6;filter:blur(.5px)}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}@media(max-width:1024px){.content-wrapper{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:5rem}.right-content{height:400px}}@media(max-width:768px){.navbar,.main-content{padding:1.5rem 2rem}.hero-title{font-size:3.5rem}.quote-text{font-size:1rem;letter-spacing:2px}.btn{padding:1rem 2rem;font-size:.75rem}.btn-nav{padding:.6rem 1.5rem;font-size:.75rem}.stats-bar{flex-direction:column;gap:2rem}.stat-divider{width:60px;height:1px}.nav-actions{gap:.5rem}}