*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body{background:radial-gradient(circle at top,#0f172a,#020617);color:#fff;overflow-x:hidden;}
header{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:rgba(15,23,42,0.7);backdrop-filter:blur(20px);z-index:1000;}
.logo{font-weight:900;font-size:24px;color:#3b82f6;}
nav a{color:#fff;margin:0 15px;text-decoration:none;}
.controls{display:flex;align-items:center;gap:10px;}
.controls button{background:transparent;border:1px solid #3b82f6;color:#3b82f6;padding:6px 10px;cursor:pointer;}
.phone,.cta{background:#3b82f6;padding:10px 15px;border-radius:8px;text-decoration:none;color:white;transition:.3s;}
.phone:hover,.cta:hover{background:#2563eb;}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-size:cover;background-position:center;}
.hero h1{font-size:54px;margin-bottom:20px;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:40px;}
.card{background:rgba(255,255,255,0.05);padding:35px;border-radius:20px;backdrop-filter:blur(15px);transition:.4s;transform-style:preserve-3d;text-align:center;}
.card img{width:80px;margin-bottom:15px;}
.card:hover{transform:rotateY(8deg) rotateX(5deg) scale(1.05);}
footer{background:#0f172a;padding:40px;text-align:center;}