:root{--primary-color: #ffff00;--secondary-color: #ff3366;--accent-color: #00ccff;--dark-color: #0a0a2a;--light-color: #ffffff;--border-width: 4px;--shadow-offset: 6px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Arial,sans-serif;line-height:1.6;background-color:#f0f0f0;color:var(--dark-color);overflow-x:hidden}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.3;margin-bottom:20px;text-transform:uppercase}h1{font-size:2.5rem;border-bottom:var(--border-width) solid var(--dark-color);padding-bottom:15px}h2{font-size:2rem;border-left:var(--border-width) solid var(--primary-color);padding-left:15px;margin-top:40px}h3{font-size:1.5rem;margin-top:30px}h4{font-size:1.2rem}p{margin-bottom:20px;font-size:1.1rem}strong{font-weight:700;background-color:var(--primary-color);padding:0 5px}a{color:var(--secondary-color);text-decoration:none;font-weight:700;transition:all .3s ease;position:relative}a:hover{color:var(--dark-color);background-color:var(--primary-color);padding:0 5px}.header{background-color:var(--dark-color);padding:20px 0;border-bottom:var(--border-width) solid var(--primary-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c;position:relative}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.header-cta .cta-button{background-color:var(--secondary-color);color:var(--light-color);padding:12px 24px;border:3px solid var(--light-color);text-transform:uppercase;font-weight:700;font-size:1.1rem;box-shadow:3px 3px #000c;transition:all .3s ease;display:inline-block}.header-cta .cta-button:hover{background-color:var(--primary-color);color:var(--dark-color);border-color:var(--dark-color);transform:translateY(-3px);box-shadow:3px 6px #000c}.logo img{max-height:60px}.main-nav ul{list-style:none;display:flex;gap:20px}.main-nav li{position:relative}.main-nav a{color:var(--light-color);font-weight:700;text-transform:uppercase;padding:10px;display:block;border:2px solid transparent}.main-nav a:hover{background-color:var(--primary-color);color:var(--dark-color);transform:translateY(-3px);box-shadow:3px 3px #000c}.hero{padding:60px 0;background-color:var(--accent-color);border-bottom:var(--border-width) solid var(--dark-color);position:relative}.hero-content{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.hero-text{flex:1 1 500px}.hero-image{flex:1 1 500px;border:var(--border-width) solid var(--dark-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c;transform:rotate(1deg);overflow:hidden}.hero-image img{display:block;transition:transform .3s ease}.hero-image:hover img{transform:scale(1.03)}.intro-text{font-size:1.3rem;margin-bottom:30px;border-left:var(--border-width) solid var(--primary-color);padding-left:20px}.toc{padding:40px 0}.toc-box{background-color:var(--light-color);border:var(--border-width) solid var(--dark-color);padding:30px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c;transform:rotate(-1deg);margin-bottom:40px}.toc-box h2{margin-top:0}.toc-box ol{margin-left:20px}.toc-box li{margin-bottom:10px}.toc-box a{font-size:1.1rem;display:inline-block;border-bottom:2px solid transparent}.toc-box a:hover{border-bottom-color:var(--primary-color)}.content-section{padding:60px 0;border-bottom:1px solid #ddd}.content-section:nth-child(odd){background-color:#f8f8f8}.sub-section{margin-bottom:40px;background-color:var(--light-color);padding:25px;border:var(--border-width) solid var(--dark-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c}.payment-grid,.games-grid,.support-grid,.mobile-grid,.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.payment-card,.game-card,.support-card,.mobile-card,.faq-item{background-color:var(--light-color);padding:25px;border:var(--border-width) solid var(--dark-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c}.payment-card:nth-child(odd),.game-card:nth-child(odd),.support-card:nth-child(odd),.mobile-card:nth-child(odd),.faq-item:nth-child(odd){transform:rotate(1deg)}.payment-card:nth-child(2n),.game-card:nth-child(2n),.support-card:nth-child(2n),.mobile-card:nth-child(2n),.faq-item:nth-child(2n){transform:rotate(-1deg)}.payment-table{width:100%;border-collapse:collapse;margin:20px 0}.payment-table th,.payment-table td{border:2px solid var(--dark-color);padding:12px;text-align:center}.payment-table th{background-color:var(--primary-color);color:var(--dark-color);text-transform:uppercase;font-weight:700}.payment-table tr:nth-child(2n){background-color:#f2f2f2}.payment-table tr:hover{background-color:#e0e0e0}.pros-cons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.pros,.cons{padding:25px;border:var(--border-width) solid var(--dark-color)}.pros{background-color:#e0ffe0;transform:rotate(1deg);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c}.cons{background-color:#ffe0e0;transform:rotate(-1deg);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c}.pros h4,.cons h4{margin-top:0;margin-bottom:15px;border-bottom:2px solid var(--dark-color);padding-bottom:10px}.pros ul,.cons ul{margin-left:20px}.pros li,.cons li{margin-bottom:10px}.neo-brutalism-banner{background-color:var(--primary-color);border:var(--border-width) solid var(--dark-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #000c;padding:30px;margin:40px 0;transform:rotate(-1deg);text-align:center}.banner-content h3{font-size:3rem;margin-bottom:10px;text-shadow:3px 3px 0 var(--dark-color)}.banner-content p{font-size:1.8rem;font-weight:700}.banner-cta{display:inline-block;background-color:var(--secondary-color);color:var(--light-color);font-weight:700;padding:15px 30px;margin-top:20px;border:3px solid var(--dark-color);box-shadow:5px 5px #000c;cursor:pointer;transform:rotate(2deg);transition:all .2s ease}.banner-cta:hover{transform:translateY(-5px) rotate(2deg);box-shadow:5px 10px #000c}.footer{background-color:var(--dark-color);color:var(--light-color);padding:40px 0;text-align:center;border-top:var(--border-width) solid var(--primary-color);box-shadow:0 -var(--shadow-offset) 0 #000c}@media (max-width: 768px){.header-content{flex-direction:column;gap:20px}.header-cta{order:-1}.main-nav ul{flex-wrap:wrap;justify-content:center}h1{font-size:2rem}h2{font-size:1.7rem}.hero-content{flex-direction:column}.sub-section,.payment-card,.game-card,.support-card,.mobile-card,.faq-item{transform:none!important}}