*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#e5e9f0;background:#10151f;line-height:1.55}
.top{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#151c29;border-bottom:1px solid #243044}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}
.top nav a{margin-left:20px;color:#7aa2f7;text-decoration:none;font-size:15px}
.top nav a:hover{text-decoration:underline}
.hero{padding:72px 24px 40px;text-align:center;max-width:760px;margin:0 auto}
.hero h1{font-size:34px;margin:0 0 14px;color:#fff}
.hero p{font-size:18px;color:#9aa5b8;margin:0}
.card{max-width:760px;margin:0 auto 18px;background:#151c29;border:1px solid #243044;border-radius:12px;padding:20px 24px}
.card h2{margin:0 0 6px;font-size:19px;color:#7aa2f7}
.card p{margin:0;color:#9aa5b8;font-size:15px}
footer{padding:28px;text-align:center;color:#6b778c;font-size:14px;border-top:1px solid #243044;margin-top:32px}