*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{background:#f4f6fb;color:#333}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#0f172a;color:#fff}.navbar a{margin-left:20px;text-decoration:none;color:#cbd5f5}.navbar a:hover{color:#fff}.hero{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff}.hero h1{font-size:42px;margin-bottom:12px}.hero p{font-size:18px;margin-bottom:24px}.hero button{padding:12px 28px;border-radius:8px;border:none;font-size:16px;cursor:pointer;font-weight:700;color:#3b82f6}.features{padding:60px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 10px 20px #00000014;text-align:center}footer{background:#0f172a;color:#cbd5f5;text-align:center;padding:20px}