.hero{max-width:900px;margin:0 auto;padding:100px 32px 80px;position:relative;overflow:hidden}.hero-badge{background:var(--red-dim);color:var(--red);border:1px solid #e030304d;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:4px 14px;font-size:12px;font-weight:500;animation:.6s both fadeUp;display:inline-flex}.dot{background:var(--red);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero h1{letter-spacing:3px;font-family:Bebas Neue,sans-serif;font-size:clamp(48px,8vw,88px);line-height:1;animation:.6s .1s both fadeUp}.hero h1 span{color:var(--red)}.hero-sub{color:var(--muted);max-width:560px;margin-top:20px;font-size:15px;line-height:1.8;animation:.6s .2s both fadeUp}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;animation:.6s .3s both fadeUp;display:flex}.btn-primary{background:var(--red);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}
.rules-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.rule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s,transform .2s}.rule-card:hover{border-color:#e030304d;transform:translateY(-2px)}.rule-num{color:var(--red);opacity:.6;margin-bottom:8px;font-family:Bebas Neue,sans-serif;font-size:36px;line-height:1}.rule-title{margin-bottom:6px;font-size:14px;font-weight:700}.rule-desc{color:var(--muted);font-size:13px;line-height:1.7}