*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;line-height:1.6;}
.container{width:90%;max-width:1200px;margin:auto;}
.navbar{padding:20px 0;background:rgba(15,23,42,.8);backdrop-filter:blur(10px);position:sticky;top:0;}
.nav-flex{display:flex;justify-content:space-between;align-items:center;}
.logo{font-weight:700;font-size:20px;}
nav a{margin-left:20px;text-decoration:none;color:#cbd5e1;transition:.3s;}
nav a:hover{color:#38bdf8;}
.hero{height:90vh;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;}
.hero-content h1{font-size:48px;background:linear-gradient(90deg,#38bdf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;}
.hero-content p{max-width:700px;margin:auto;margin-bottom:30px;color:#cbd5e1;}
.btn-primary{padding:14px 30px;border-radius:50px;background:linear-gradient(90deg,#6366f1,#38bdf8);text-decoration:none;color:white;font-weight:600;transition:.3s;display:inline-block;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(99,102,241,.4);}
.section{padding:80px 0;text-align:center;}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;}
.card{background:rgba(255,255,255,0.05);padding:30px;border-radius:20px;backdrop-filter:blur(15px);transition:.3s;}
.card:hover{transform:translateY(-8px);background:rgba(255,255,255,0.1);}
.page-section{padding:120px 0;text-align:center;}
.contact-form{display:flex;flex-direction:column;gap:15px;max-width:500px;margin:40px auto;}
.contact-form input,.contact-form textarea{padding:15px;border-radius:10px;border:none;outline:none;}
.contact-form textarea{min-height:120px;}
footer{background:#020617;padding:40px 0;text-align:center;color:#94a3b8;margin-top:80px;}
@media(max-width:768px){.hero-content h1{font-size:32px}}