body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#081a33,#0d5aa7);color:#fff;overflow:hidden}
.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 30%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.08),transparent 30%);animation:move 10s infinite alternate}
@keyframes move{to{transform:scale(1.2) translateY(-20px)}}
.card{max-width:900px;margin:5vh auto;padding:30px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:20px;text-align:center}
h1{opacity:0;transform:translateY(-20px);transition:1s}
h1.show{opacity:1;transform:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:30px 0}
a{display:block;padding:18px;border-radius:12px;background:#ffffff22;color:#fff;text-decoration:none;font-weight:bold;transition:.3s}
a:hover{transform:translateY(-5px);background:#ffffff44}
footer{margin-top:20px;font-size:.95rem;opacity:.9}