*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#061a40,#0353a4);color:#fff;overflow-x:hidden}
.container{display:flex;justify-content:space-between;align-items:center;padding:20px 8%}
.logo{font-weight:800}.logo span{color:#00d4ff}
nav a{color:#fff;text-decoration:none;margin-left:20px}
.hero{min-height:80vh;display:flex;justify-content:space-between;align-items:center;padding:0 8%}
.hero-text{max-width:650px}
.hero h1{font-size:56px}
.btn{display:inline-block;margin-top:20px;padding:14px 28px;background:#00d4ff;color:#001;text-decoration:none;border-radius:30px;font-weight:700}
.hero-card,.panel,.card,.stats div{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:20px}
.hero-card{padding:30px;width:280px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:40px 8%}
.stats div,.card{padding:25px}
.title{text-align:center;padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;padding:0 8% 60px}
.card:hover{transform:translateY(-8px)}
.panel{margin:40px 8%;padding:35px}
input,textarea{width:100%;padding:12px;margin:8px 0}
button{padding:12px 20px}
.wa{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;padding:15px 20px;text-decoration:none;border-radius:40px}
.blob{position:fixed;border-radius:50%;filter:blur(50px);opacity:.25}
.b1{width:250px;height:250px;background:#00d4ff;top:20px;right:20px}
.b2{width:200px;height:200px;background:#fff;bottom:20px;left:20px}
@media(max-width:768px){.hero{flex-direction:column;text-align:center;padding-top:50px}.hero h1{font-size:36px}}