*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#050816,#08192f,#0d2446);font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:999;background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 70px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.logo-icon{font-size:28px}.nav-links{gap:40px;display:flex}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#4da3ff}.nav-icons{cursor:pointer;gap:18px;display:flex}.mobile-menu{display:none}.hero{grid-template-columns:1fr 500px;align-items:center;gap:80px;max-width:1400px;min-height:90vh;margin:auto;padding:80px 60px;display:grid}.hero-right{justify-content:center;display:flex}.hero-left{text-align:left}.hero-content{max-width:900px}.badge{background:#4da3ff26;border:1px solid #4da3ff4d;border-radius:50px;margin-bottom:25px;padding:10px 20px;display:inline-block}.hero h1{margin-bottom:25px;font-size:70px;font-weight:800;line-height:1.1}.subtitle{opacity:.8;margin-bottom:40px;font-size:22px;line-height:1.7}.hero-buttons{justify-content:flex-start;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50px;padding:16px 36px;font-size:18px;transition:all .3s}.primary-btn:hover{transform:translateY(-5px);box-shadow:0 20px 40px #2563eb66}.secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50px;padding:16px 36px;transition:all .3s}.secondary-btn:hover{background:#ffffff14}.footer{text-align:center;opacity:.7;padding:80px 20px}.footer h3{margin-bottom:15px;font-size:28px}@media (width<=900px){.nav-links{display:none}.mobile-menu{display:block}.hero h1{font-size:48px}.subtitle{font-size:18px}.hero-buttons{flex-direction:column}.navbar{padding:20px}}.features{grid-template-columns:repeat(4,1fr);gap:30px;max-width:1400px;margin:0 auto 120px;padding:0 60px;display:grid}@media (width<=1100px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.features{grid-template-columns:1fr;padding:20px}}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:35px;transition:all .35s}.feature-card:hover{border-color:#2563eb;transform:translateY(-12px)scale(1.03);box-shadow:0 0 40px #2563eb40,0 20px 50px #00000059}.feature-icon{background:#2563eb;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;display:flex}.feature-card h3{margin-bottom:15px;font-size:28px}.feature-card p{opacity:.75;margin-bottom:25px;line-height:1.7}.card-btn{color:#4da3ff;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:16px;display:flex}.card-btn:hover{box-shadow:none;transform:none}.dashboard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:25px;padding:30px;box-shadow:0 20px 50px #0000004d}.dashboard-header{justify-content:space-between;margin-bottom:25px;display:flex}.online{color:#22c55e;font-weight:600}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.dash-card{background:#1d2c45;border-radius:18px;padding:25px;transition:all .3s}.dash-card:hover{background:#2563eb;transform:translateY(-8px)}.dash-card h4{opacity:.8;margin:15px 0 8px;font-size:15px}.dashboard-bottom{color:#4ade80;gap:10px;margin-top:25px;font-weight:600;display:flex}.dashboard{animation:5s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}body:before{content:"";filter:blur(180px);opacity:.12;z-index:-1;background:#2563eb;width:700px;height:700px;position:fixed;top:-250px;right:-150px}.dashboard:hover{transition:all .35s;transform:scale(1.02)}