*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;color:#fff;background:linear-gradient(135deg,#2a1a14,#5f4332,#8c6849);background-size:200% 200%;animation:bg 15s ease infinite;display:grid;place-items:center;min-height:100vh}
@keyframes bg{50%{background-position:100% 100%}}
.panel{width:min(1100px,92vw);padding:48px;border-radius:32px;background:rgba(255,255,255,.08);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.35)}
h1{text-align:center;font-size:3rem;margin:.2em 0}p{text-align:center;color:#eee;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.card{text-decoration:none;color:#fff;padding:28px;border-radius:24px;background:rgba(255,255,255,.08);transition:.25s}.card:hover{transform:translateY(-6px);background:rgba(255,255,255,.14)}.card span{font-size:48px}.card h2{margin:.4em 0}.card small{opacity:.8}footer{text-align:center;margin-top:2rem;opacity:.75}