.rules{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:4rem 1rem;display:flex;position:relative}.gradientBg{background:linear-gradient(-45deg,var(--bg1),var(--bg2),var(--bg3),#0a0f1a);z-index:0;background-size:400% 400%;animation:12s infinite gradientMove;position:fixed;inset:0}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.content{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border-radius:1.5rem;max-width:800px;padding:3rem;box-shadow:0 0 30px #0006}.content h1{color:var(--accent);letter-spacing:1px;margin-bottom:1.5rem;font-size:3rem}.intro{color:var(--muted);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.6}.sections{text-align:left;flex-direction:column;gap:2rem;display:flex}.section h2{color:var(--accent);margin-bottom:.5rem;font-size:1.5rem}.section p{color:var(--muted);line-height:1.6}.cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;display:flex}.joinBtn,.rulesBtn{border-radius:9999px;justify-content:center;align-items:center;padding:.9rem 2rem;font-weight:600;line-height:1;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 15px #3b82f666}.joinBtn{background-color:var(--accent);color:#fff;border:none}.joinBtn:hover{background-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 0 25px #3b82f699}.rulesBtn{border:2px solid var(--accent);color:#fff;background:0 0}.rulesBtn:hover{background-color:var(--accent-dark);transform:translateY(-2px);box-shadow:0 0 25px #3b82f699}@media (max-width:700px){.content{padding:2rem}.content h1{font-size:2.3rem}.intro{font-size:1rem}.cta{flex-direction:column}.joinBtn,.rulesBtn{text-align:center;width:100%}}