.rules-page{background:radial-gradient(circle at 5% 22%,#6d23af21,#0000 26%),radial-gradient(circle at 95% 30%,#7027ca1f,#0000 28%),#0e0c0e;min-height:100vh;padding:1px 0 90px}.rules-offers .offers-showcase{margin-top:28px}.rules-intro{text-align:center;width:min(100% - 32px,780px);margin:45px auto 25px}.rules-kicker{color:var(--accent);font-size:12px;font-weight:700}.rules-intro h1{margin:7px 0 9px;font-size:clamp(30px,4vw,43px)}.rules-intro p{color:#b7aeb6;margin:0;font-size:14px;line-height:1.9}.rules-toolbar{width:var(--page);justify-content:space-between;align-items:center;gap:18px;margin:0 auto;display:flex}.rules-filter-buttons{scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.rules-filter-buttons button{color:#fff;white-space:nowrap;cursor:pointer;background:#211d20;border:1px solid #0000;border-radius:999px;min-height:38px;padding:7px 14px;font-size:12px}.rules-filter-buttons button.active{background:0 0;border-color:#fff}.rules-filter-buttons .rules-filter-trigger{align-items:center;gap:7px;display:inline-flex}.rules-filter-trigger svg{width:15px}.rules-search{background:#161316;border:1px solid #373136;border-radius:999px;align-items:center;gap:8px;width:min(290px,30vw);height:40px;padding:0 14px;display:flex}.rules-search svg{color:#8f878e;width:16px}.rules-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.rules-result-meta{width:var(--page);align-items:center;gap:9px;margin:18px auto 10px;font-size:13px;display:flex}.rules-result-meta span{color:var(--accent)}.rules-list{width:var(--page);gap:14px;margin:auto;display:grid}.rule-card{background:#131013e6;border:1px solid #373136;border-radius:15px;grid-template-columns:250px minmax(0,1fr);align-items:stretch;display:grid;overflow:hidden}.rule-firm-summary{background:#151215;border-left:1px solid #373136;padding:16px}.rule-firm-head{align-items:center;gap:12px;display:flex}.rule-firm-head img{object-fit:contain;background:#0d0b0d;border:1px solid #3b353a;border-radius:10px;width:58px;height:58px;padding:5px}.rule-firm-head h2{text-align:right;margin:0 0 3px;font-size:15px}.rule-rating{color:#e34eb8;white-space:nowrap;font-size:10px}.rule-offer-box{background:#241b24;border:1px solid #c04ee7;border-radius:12px;align-content:center;place-items:center;height:88px;margin-top:13px;display:grid;overflow:hidden}.rule-offer-box span{background:linear-gradient(90deg,#ff5d42,#a650ee);border-radius:0 0 9px 9px;margin-top:-22px;margin-bottom:13px;padding:4px 15px;font-size:9px}.rule-offer-box strong{color:#e953bc;font-size:21px}.rule-offer-box b{color:#fff}.rule-code{color:#fff;cursor:pointer;background:0 0;border:1px dashed #f04dac;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:35px;margin-top:8px;display:flex}.rule-code span{color:#e64caf;font-size:10px}.rule-code svg{width:12px}.rule-details{background:#191619;border:1px solid #353034;border-radius:12px;margin:14px;padding:17px 20px}.rule-details section+section{margin-top:16px}.rule-details h3{margin:0 0 7px;font-size:13px}.rule-details ul{color:#d5ced3;margin:0;padding-right:18px;font-size:12px;line-height:1.9}.rule-details li+li{margin-top:4px}.rule-expand{color:#fff;cursor:pointer;background:#292529;border:0;border-radius:999px;align-items:center;gap:5px;min-height:36px;margin-top:14px;padding:7px 13px;font-size:11px;display:inline-flex}.rule-expand svg{width:14px;transition:transform .18s}.rules-empty{border:1px dashed #3b3539;border-radius:15px;place-content:center;justify-items:center;gap:12px;min-height:220px;display:grid}.rules-empty button{border:1px solid var(--accent);color:#fff;background:0 0;border-radius:999px;padding:8px 15px}@media (max-width:820px){.rules-toolbar{display:grid}.rules-search{width:100%}.rule-card{grid-template-columns:1fr}.rule-firm-summary{border-bottom:1px solid #373136;border-left:0;grid-template-columns:1fr 150px;gap:10px;display:grid}.rule-offer-box{grid-area:1/2/span 2;margin:0}.rule-code{width:max-content;min-width:170px}}@media (max-width:560px){.rules-intro{margin-top:32px}.rule-firm-summary{display:block}.rule-offer-box{margin-top:13px}.rule-code{width:100%}.rule-details{margin:9px;padding:15px}}