:root{--green:#17B890;--blue:#0066ff;--bg:#050b12;--card:#0f1722;--text:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 8%;position:sticky;top:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100}.navbar img{height:60px}nav{display:flex;gap:30px}nav a{color:#fff;text-decoration:none}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 8%}.hero h1{font-size:4rem;max-width:700px}.hero p{margin-top:20px;color:#b8c1cc;line-height:1.8}.hero-buttons{margin-top:40px;display:flex;gap:15px}.btn{background:var(--green);color:#fff;text-decoration:none;padding:14px 28px;border-radius:12px}.btn:hover{box-shadow:0 0 25px var(--green)}.btn-outline{border:1px solid var(--green);color:var(--green);text-decoration:none;padding:14px 28px;border-radius:12px}.hero-dashboard{display:grid;gap:20px}.card,.widget,.service-card,.benefit{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px}.card h3{color:var(--green);font-size:2rem}.section{padding:120px 8%}.section h2{text-align:center;margin-bottom:60px;font-size:2.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cta{padding:120px 8%;text-align:center}.cta h2{margin-bottom:30px;font-size:3rem}footer{padding:60px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}footer img{height:60px;margin-bottom:20px}@media(max-width:768px){.hero{grid-template-columns:1fr;gap:60px;padding-top:120px}.hero h1{font-size:2.5rem}.dashboard{grid-template-columns:1fr}nav{display:none}}