*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:DM Sans,sans-serif;transition:background-color .5s,color .5s;overflow-x:hidden}body.dark{color:#e2e8f0;background:radial-gradient(circle,#0a1628 0%,#050710 100%)}body.light{color:#1e293b;background:radial-gradient(circle,#f0f7ff 0%,#e2e8f0 100%)}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.font-heading{font-family:Urbanist,sans-serif}.font-body{font-family:DM Sans,sans-serif}.container-main{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container-narrow{width:100%;max-width:800px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gradient-text{background:linear-gradient(135deg,#00d4ff 0%,#08f 30%,#00d4ff 60%,#06f 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.glow-blue{box-shadow:0 0 20px #00a3e64d,0 0 60px #00a3e61a}.glow-blue:hover{box-shadow:0 0 30px #00a3e680,0 0 80px #00a3e633}body.dark .glass{background:#0a0e1a;border-bottom:1px solid #00a3e61a}body.light .glass{background:#fff;border-bottom:1px solid #005f801a}.electric-line{background:linear-gradient(90deg,#0000,#00b4ff,#05f,#0000);height:2px;position:relative;overflow:hidden}.electric-line:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:50%;height:100%;animation:3s ease-in-out infinite electricPulse;position:absolute;top:0;left:-100%}@keyframes electricPulse{0%{left:-50%}to{left:150%}}.btn-electric{cursor:pointer;color:#fff;background:linear-gradient(135deg,#00a3e6,#06c);border:none;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-electric:hover{transform:translateY(-2px);box-shadow:0 0 30px #00a3e666}.btn-outline{cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}body.dark .btn-outline{color:#b2b7cb;border:1px solid #33384c}body.dark .btn-outline:hover{color:#fff;border-color:#00a3e6}body.light .btn-outline{color:#474e6a;border:1px solid #d1d4e0}body.light .btn-outline:hover{color:#1a1f33;border-color:#00a3e6}.card{border-radius:16px;padding:32px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}body.dark .card{background:#0a0e1a99;border:1px solid #33384c66}body.light .card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000a}.card:hover{transform:translateY(-6px)}body.dark .card:hover{border-color:#00a3e633;box-shadow:0 20px 60px #00a3e61f}body.light .card:hover{border-color:#00a3e633;box-shadow:0 20px 60px #005f801a}.section{z-index:10;padding:100px 0;position:relative}.section-lg{padding:120px 0}.badge{letter-spacing:.05em;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}body.dark .badge{color:#4dcaff;background:#00a3e614;border:1px solid #00a3e640}body.light .badge{color:#007fb3;background:#00a3e60f;border:1px solid #005f8026}.icon-box{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}body.dark .icon-box{color:#4dcaff;background:#00a3e61a}body.light .icon-box{color:#007fb3;background:#00a3e614}.grid-2,.grid-3{grid-template-columns:1fr;gap:24px;display:grid}.grid-4{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.navbar{z-index:50;padding:20px 0;transition:all .5s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:12px 0}.nav-link{padding:8px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}body.dark .nav-link{color:#939ab6}body.dark .nav-link:hover{color:#fff}body.light .nav-link{color:#5b6488}body.light .nav-link:hover{color:#0a0e1a}.nav-link:after{content:"";background:linear-gradient(90deg,#00a3e6,#05f);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.theme-toggle{cursor:pointer;border-radius:14px;width:52px;height:28px;transition:background .4s;position:relative}body.dark .theme-toggle{background:linear-gradient(135deg,#1a1f33,#0a0e1a);border:1px solid #00a3e64d}body.light .theme-toggle{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #005f8033}.toggle-circle{border-radius:50%;width:20px;height:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),background .4s;position:absolute;top:3px}body.dark .toggle-circle{background:#00b4ff;transform:translate(4px);box-shadow:0 0 10px #00b4ff80}body.light .toggle-circle{background:#00a3e6;transform:translate(26px);box-shadow:0 0 10px #00a3e666}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{animation:25s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.reveal-up{opacity:0;transform:translateY(80px)}.reveal-left{opacity:0;transform:translate(-80px)}.reveal-right{opacity:0;transform:translate(80px)}.reveal-scale{opacity:0;transform:scale(.85)}.stat-number{font-variant-numeric:tabular-nums}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section-lg{padding:80px 0}.section{padding:60px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:24px}.container-main,.container-narrow{padding:0 20px}.navbar{padding:12px 0}.navbar.scrolled{padding:10px 0}.font-heading{line-height:1.1}.hide-mobile{display:none!important}.hide-desktop{display:flex!important}.navbar.glass>div:nth-child(2){background:inherit;border-top:1px solid #33384c1a;border-radius:0 0 16px 16px;margin-top:12px;box-shadow:0 10px 30px #0000001a}}@media (width<=480px){.section-lg{padding:60px 0}.btn-electric,.btn-outline{justify-content:center;width:100%}.grid-4{gap:16px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}