*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#07111f;color:#fff;line-height:1.6}
.container{width:min(1100px,92%);margin:auto}.nav{display:flex;justify-content:space-between;padding:20px 0;align-items:center}
header{position:sticky;top:0;background:rgba(7,17,31,.9);backdrop-filter:blur(10px)}
nav a{color:#fff;text-decoration:none;margin-left:20px}.logo span{color:#4ec3ff}
.hero{min-height:85vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at top,#1f4cff,#07111f 55%)}
.hero h1{font-size:56px;max-width:900px}.hero p{max-width:700px;margin:20px auto;color:#cdd6e4}
.buttons{margin-top:30px}.btn{display:inline-block;background:#2d8cff;color:#fff;padding:14px 24px;border-radius:30px;text-decoration:none;border:none;cursor:pointer}
.secondary{background:transparent;border:2px solid #2d8cff;margin-left:12px}.section{padding:80px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:30px}
.card{background:#101c31;padding:25px;border-radius:18px;transition:.3s}.card:hover{transform:translateY(-8px)}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.chips span{background:#132540;padding:10px 16px;border-radius:999px}
form{display:grid;gap:15px;max-width:700px}input,textarea{padding:15px;border-radius:12px;border:none}textarea{min-height:140px}
footer{text-align:center;padding:30px;background:#040b15;color:#9fb0c6}
@media(max-width:700px){.hero h1{font-size:36px}.nav{flex-direction:column;gap:10px}}