.rules-page{max-width: 1100px;margin: 0 auto;padding: 60px 20px;line-height: 1.8;background: #f8f9fa}.rules-header{text-align: center;margin-bottom: 60px;background: linear-gradient(135deg,rgba(16,26,54,.80) 0%,rgba(43,16,82,.80) 100%),url('/img/headers/general/general-6.webp') center center/cover no-repeat #101A36;color: white;padding: 60px 40px;border-radius: 20px;box-shadow: 0 10px 40px rgba(11,63,137,0.2)}.rules-header h1{font-size: 48px;margin: 0 0 16px 0;font-weight: 700}.rules-header .subtitle{font-size: 18px;opacity: 0.95;margin: 0}.rules-section{background: white;border-radius: 16px;padding: 40px;margin-bottom: 32px;box-shadow: 0 4px 16px rgba(0,0,0,0.08);transition: all 0.3s ease}.rules-section:hover{box-shadow: 0 6px 24px rgba(11,63,137,0.12)}.rules-section h2{font-size: 28px;color: #101A36;margin: 0 0 24px 0;padding-bottom: 16px;border-bottom: 3px solid #e2e8f0;font-weight: 700;display: flex;align-items: center;gap: 12px}.rules-section h2 .article-number{background: linear-gradient(135deg,#101A36 0%,#1e5cb8 100%);color: white;padding: 8px 16px;border-radius: 12px;font-size: 18px;font-weight: 700}.rules-section p{color: #475569;margin: 16px 0;line-height: 1.8;font-size: 15px}.rules-section ul{margin: 20px 0;padding-left: 24px}.rules-section li{color: #475569;margin: 12px 0;line-height: 1.7;position: relative;padding-left: 8px}.rules-section li::marker{color: #101A36;font-weight: bold}.highlight-box{background: #f0f9ff;border-left: 4px solid #101A36;padding: 24px;margin: 24px 0;border-radius: 8px}.highlight-box strong{color: #101A36}.warning-box{background: #fff3cd;border-left: 4px solid #ffc107;padding: 24px;margin: 24px 0;border-radius: 8px}.warning-box strong{color: #856404}.danger-box{background: #f8d7da;border-left: 4px solid #dc3545;padding: 24px;margin: 24px 0;border-radius: 8px}.danger-box strong{color: #721c24}.success-box{background: #d4edda;border-left: 4px solid #28a745;padding: 24px;margin: 24px 0;border-radius: 8px}.success-box strong{color: #155724}.rules-footer{background: linear-gradient(135deg,#101A36 0%,#1e5cb8 100%);color: white;padding: 40px;border-radius: 16px;text-align: center;margin-top: 48px}.rules-footer p{color: white;margin: 8px 0;font-size: 15px}@media (max-width: 768px){.rules-page{padding: 140px 16px 40px 16px}.rules-header{padding: 40px 24px}.rules-header h1{font-size: 28px}.rules-header .subtitle{font-size: 15px}.rules-section{padding: 24px}.rules-section h2{font-size: 22px;flex-direction: column;align-items: flex-start}}.rules-page{background:#101A36!important}.rules-section{background:#16224a!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important}.rules-section h2,.rules-section h3,.rules-section h3[style]{color:#ffffff!important}.rules-section h2{border-bottom-color:rgba(60,101,207,.4)!important}.rules-section p,.rules-section li{color:#c7d3ea!important}.rules-section strong{color:#ffffff!important}.rules-section li::marker{color:#6E9BFF!important}.rules-section a,.rules-section a[style]{color:#6E9BFF!important}.highlight-box{background:rgba(60,101,207,.15)!important;border-left-color:#3C65CF!important}.highlight-box strong{color:#ffffff!important}.warning-box{background:rgba(202,138,4,.18)!important;border-color:rgba(202,138,4,.5)!important}.warning-box,.warning-box p,.warning-box strong,.warning-box li{color:#ffe4a3!important}.danger-box{background:rgba(207,87,60,.20)!important;border-color:rgba(207,87,60,.55)!important}.danger-box,.danger-box p,.danger-box strong,.danger-box li{color:#f3c9be!important}.success-box{background:rgba(60,101,207,.15)!important;border-left-color:#3C65CF!important}.success-box p,.success-box li{color:#c7d3ea!important}.success-box strong{color:#ffffff!important}