*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:url('assets/background.png') center/cover fixed;color:#fff;min-height:100vh}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}main{position:relative;z-index:1;max-width:1100px;margin:auto;padding:50px 20px}h1{text-align:center;color:#ff2b2b;font-size:64px;text-shadow:0 0 25px #f00}p{text-align:center;margin:12px 0 35px;color:#ddd;font-size:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.card{background:rgba(20,20,20,.75);border:1px solid rgba(255,0,0,.35);border-radius:20px;padding:24px;backdrop-filter:blur(10px);transition:.3s}.card:hover{transform:translateY(-8px);box-shadow:0 0 30px rgba(255,0,0,.35);border-color:#ff2b2b}.card h2{text-align:center;margin-bottom:20px;font-size:28px}.card a{display:block;text-align:center;padding:15px;border-radius:14px;background:linear-gradient(180deg,#ff1f1f,#8b0000);color:#fff;text-decoration:none;font-weight:bold;font-size:18px}.card a:hover{filter:brightness(1.15)}@media(max-width:600px){h1{font-size:42px}.card h2{font-size:22px}}