*{box-sizing:border-box}
body{margin:0;background:#030816;color:#fff;font-family:Arial,sans-serif}
.header{height:80px;padding:0 6%;display:flex;align-items:center;gap:25px;background:#020611}
.logo{font-size:30px;font-weight:900}
.top-btn,button{background:#1fb6ff;color:white;border:0;padding:12px 25px;border-radius:30px}
.hero{padding:100px 6%;display:flex;align-items:center;gap:40px;background:linear-gradient(120deg,#020817,#0638a5)}
.hero h1{font-size:60px}
.hero .visual{background:#071a38;padding:120px 40px;border-radius:30px}
.dark{background:#071a38}
section{padding:60px 6%}
.cards,.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cards div,.pricing div,.faq{background:#091832;padding:35px;border-radius:20px;text-align:center}
.popular{border:2px solid #19bfff}
.footer{padding:50px;text-align:center;background:#020611}
@media(max-width:800px){.hero,.cards,.pricing{grid-template-columns:1fr;display:grid}.hero h1{font-size:36px}}