*{box-sizing:border-box}
body{margin:0;font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;background:linear-gradient(#1a3aa8,#1580dc) fixed;color:#f3f4ff;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}
a{color:#ffd24a}
header,footer{width:100%;max-width:880px;margin:0 auto;padding:16px 20px}
header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.logo{font-weight:900;font-size:24px;color:#fff;text-decoration:none}
nav a{margin-left:16px;color:#dbe4ff;text-decoration:none;font-weight:700}
nav a:hover{color:#fff;text-decoration:underline}
main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:10px 20px 30px}
h1{font-size:40px;line-height:1.15;margin:.3em 0}
h2{margin-top:1.6em}
.hero{text-align:center;padding:30px 0 10px}
.btn{display:inline-block;background:#f5a31a;color:#fff;font-weight:900;font-size:26px;padding:14px 48px;border-radius:14px;box-shadow:0 6px 0 #c47a05;text-decoration:none}
.btn:hover{filter:brightness(1.1)}
.card{background:rgba(255,255,255,.12);border-radius:16px;padding:6px 22px 18px;margin-top:22px}
.ad{margin:24px auto;min-height:90px;text-align:center;color:transparent}
footer{font-size:14px;color:#c9d5ff;text-align:center;padding-bottom:30px}
footer a{margin:0 8px}