*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#e6e6f0;background:#0c0f18}
a{color:#c7d2fe;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;background:rgba(12,15,24,.7);backdrop-filter:blur(8px);border-bottom:1px solid #1d2233}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.logo .tagline {
  font-size: 12px;
  color: #aaa;
  margin-top: 4px;
}
.logo img {
  height: 80px;
  display: block;
}
.nav a{margin-left:16px;font-weight:600;opacity:.9}
.btn{display:inline-block;padding:10px 16px;border:1px solid #2a3250;border-radius:12px}
.btn.primary{background:#6366f1;border-color:#6366f1;color:white;box-shadow:0 10px 30px rgba(99,102,241,.25)}
.hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.hero .hero-inner{position:relative;z-index:1}
.hero h1{font-size:64px;margin:0 0 12px}
.hero p{font-size:20px;opacity:.85;margin-bottom:24px}
.stars{position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(99,102,241,.25),transparent 60%),radial-gradient(500px 200px at 20% 80%,rgba(59,130,246,.25),transparent 60%),radial-gradient(400px 200px at 80% 60%,rgba(236,72,153,.25),transparent 60%);filter:blur(20px);opacity:.6}
.section{padding:64px 0;border-top:1px solid #1d2233}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{padding:20px;border:1px solid #222944;border-radius:16px;background:linear-gradient(180deg,rgba(25,31,51,.6),rgba(20,24,40,.6))}
.card h3{margin-top:0}
.contact{text-align:center}
.footer{padding:32px 0;border-top:1px solid #1d2233;text-align:center;opacity:.8}
@media (max-width:640px){.hero h1{font-size:40px}}