*{box-sizing:border-box}
body{margin:0;background:#0b1424;color:#eef7ff;font-family:Arial,sans-serif}
header,main,footer{max-width:1080px;margin:auto;padding:28px}
header{display:flex;justify-content:space-between;border-bottom:1px solid #31465d}
a{color:#66e4c5}
h1{font-size:clamp(36px,5vw,62px);line-height:1.12}
h2{font-size:22px}
p{color:#c8d5e6;line-height:1.7}
.hero{padding:60px 0}
.accent{color:#66e4c5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{padding:24px;border:1px solid #324a64;border-radius:16px;background:#14233a}
.notice{padding:18px;background:#14352f;border:1px solid #367d69;border-radius:12px}
.button{display:inline-block;background:#66e4c5;color:#08201d;padding:16px 24px;border-radius:12px;text-decoration:none;font-weight:bold;margin-top:18px}
footer{border-top:1px solid #31465d;margin-top:65px}