.rules-page { width: min(900px, calc(100% - 40px)); padding: 82px 0 60px; margin: 0 auto; }.rules-hero { max-width: 650px; margin: 0 auto 68px; text-align: center; }.rules-label { color: #76ff99; font-size: 11px; font-weight: 800; letter-spacing: .18em; }.rules-hero h1 { margin: 18px 0 20px; font: 800 clamp(38px, 6vw, 64px)/1.1 Unbounded, sans-serif; letter-spacing: -3px; background: linear-gradient(105deg, #effff3, #9bffb4 48%, #41dd70); background-clip: text; -webkit-background-clip: text; color: transparent; }.rules-hero p { margin: 0; color: #afc1b4; font-size: 16px; line-height: 1.7; }.rules-list { display: grid; gap: 52px; }.rule-group { display: grid; gap: 12px; }.rule-group h2 { margin: 0 0 7px; color: #effff2; font: 700 clamp(22px, 3vw, 30px)/1.2 Unbounded, sans-serif; letter-spacing: -1.5px; }.rule-group-note { margin: -5px 0 10px; color: #8fa898; font-size: 13px; }.rule-card { display: grid; grid-template-columns: 58px 1fr; gap: 22px; padding: 23px 28px; border: 1px solid rgba(142, 255, 169, .17); border-radius: 17px; background: rgba(4, 30, 13, .44); box-shadow: inset 0 1px 0 rgba(229, 255, 235, .04); transition: transform .2s ease, border-color .2s ease, background .2s ease; }.rule-card:hover { border-color: rgba(131, 255, 162, .4); background: rgba(14, 69, 30, .45); transform: translateX(6px); }.rule-number { color: #70ff94; font: 700 14px/1 Unbounded, sans-serif; }.rule-card p { margin: 0; color: #aabcae; font-size: 14px; line-height: 1.68; }.rule-card strong { color: #dfffe6; }.restricted-group .rule-card { background: linear-gradient(120deg, rgba(63, 53, 17, .26), rgba(35, 23, 10, .32)); }.site-footer { padding: 22px 20px 26px; border-top: 1px solid rgba(142, 255, 169, .09); color: #6f8b77; font: 700 10px/1.6 Unbounded, sans-serif; letter-spacing: .12em; text-align: center; }.scroll-reveal { opacity: 0; transform: translateY(34px); transition: opacity .7s ease, transform .7s cubic-bezier(.2, .75, .3, 1); }.scroll-reveal.is-visible { opacity: 1; transform: translateY(0); }@media (max-width: 780px) { .rules-page { width: min(100% - 28px, 560px); padding: 56px 0 42px; }.rules-hero { margin-bottom: 46px; }.rules-hero h1 { font-size: 37px; letter-spacing: -2px; }.rules-hero p { font-size: 15px; }.rules-list { gap: 42px; }.rule-card { grid-template-columns: 1fr; gap: 16px; padding: 22px; }.rule-card:hover { transform: none; }.rule-group h2 { font-size: 23px; } }@media (prefers-reduced-motion: reduce) { .scroll-reveal { opacity: 1; transform: none; transition: none; } }