:root{--primary-color:#ff2a5e;--secondary-color:#2af5ff;--bg-dark:#05091b;--card-bg:#0f172a;--text-light:#e6edfa;--text-muted:#8b9cc1}*{box-sizing:border-box;margin:0;padding:0}body{background-attachment:fixed!important;background-image:url(../bg-pageskin.png);background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;color:var(--text-light);font-family:Poppins,sans-serif;overflow-x:hidden}.container{background:linear-gradient(349deg,#ff2a5e08,#2af5ff12);margin:0 auto;max-width:1440px;min-height:100vh;padding:2rem 1.5rem 120px;position:relative}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff2a5e33,#2af5ff33);border-radius:16px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:space-between;margin-bottom:3rem;padding:1rem 2rem}.header-logo img{transition:transform .3s ease,filter .3s ease;width:140px}.header-logo img:hover{filter:drop-shadow(0 0 10px var(--primary-color));transform:scale(1.1)}.header-contact{align-items:center;display:flex;font-size:16px;font-weight:500;gap:1rem}a.telegram-link{display:flex}.header-contact .telegram-link svg{transition:transform .3s ease,fill .3s ease}.header-contact .telegram-link:hover svg{transform:rotate(15deg) scale(1.3);fill:var(--secondary-color)}.game-grid{align-items:center;display:flex;flex-direction:column;gap:3rem;padding:10px}.banner-top{max-width:1200px;width:100%}.banner-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.banner-item{border-radius:12px;display:block;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.banner-item img{display:block;height:120px;-o-object-fit:contain;object-fit:contain;width:100%}.banner-item:hover{transform:translateY(-5px)}.game-search{align-items:center;display:flex;gap:1rem;max-width:600px;padding:.5rem;width:100%}.search-input{background:var(--card-bg);border:2px solid rgba(255,42,94,.2);border-radius:12px;color:var(--text-light);font-size:1.1rem;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.search-input:focus,.search-input:hover{border-color:var(--primary-color);box-shadow:0 0 12px #ff2a5e66;outline:none}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.provider-select{background:var(--card-bg);border:2px solid rgba(255,42,94,.2);border-radius:12px;color:var(--text-light);font-size:1rem;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease}.provider-select:focus,.provider-select:hover{border-color:var(--primary-color);box-shadow:0 0 12px #ff2a5e66;outline:none}.sort-button{background:var(--card-bg);border:2px solid rgba(255,42,94,.2);border-radius:12px;color:var(--text-light);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:525px}.sort-button:hover{background:var(--primary-color);border-color:var(--primary-color)}.sort-button:focus{outline:2px solid var(--primary-color)}.game-card-container{background:linear-gradient(135deg,#ff2a5e33,#2af5ff33);border-radius:10px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:1200px;min-height:200px;padding:10px;position:relative;width:100%}.loading-container{align-items:center;color:var(--text-light);display:flex;flex-direction:column;height:200px;justify-content:center;position:absolute;width:100%}.loader{animation:spin 1s linear infinite;border-top:4px solid var(--text-muted);border:4px solid var(--text-muted);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.game-card{background:var(--card-bg);border:1px solid rgba(255,42,94,.2);border-radius:12px;cursor:pointer;height:240px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover .card-svg{display:block}.card-svg{background-color:#000c;display:none;height:100%;position:absolute;top:0;width:100%;z-index:99999}.card-svg svg{height:60px!important;left:39%;position:absolute;top:65px;width:60px!important}.game-card:hover{box-shadow:0 10px 25px #ff2a5e4d;transform:translateY(-8px)}.game-card:focus{outline:2px solid var(--primary-color)}.game-image{height:140px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.game-card:hover .game-image{transform:scale(1.05)}.game-info{text-align:center}.game-info h2{font-size:1rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-info .provider{color:var(--text-muted);cursor:pointer;font-size:.85rem;margin-bottom:.5rem;transition:color .3s ease}.game-info .provider:hover,.rtp{color:var(--primary-color)}.rtp{font-size:.95rem;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#05091be6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--card-bg);background-position:50%;background-size:cover;border:1px solid rgba(255,42,95,.5);border-radius:16px;box-shadow:0 10px 30px #00000080;max-width:600px;padding:2rem;position:relative;width:90%}.modal-content:before{background:#05091be6;border-radius:16px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.modal-content>*{position:relative;z-index:1}.modal-close{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:1.8rem;position:absolute;right:15px;top:3px;transition:color .3s ease,transform .3s ease}.modal-close:hover{color:var(--secondary-color);transform:rotate(90deg)}.modal-content h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.rtp-section{margin-bottom:2rem}.rtp-section p{color:var(--primary-color);font-size:1.2rem;margin-bottom:.75rem;text-align:center}.progress-bar{background:#1e293b;border-radius:6px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:100%;transition:width .5s ease}.sites-section h4{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.sites-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.site-card{align-items:center;background:#716d6d;border:1px solid rgba(255,42,94,.3);border-radius:10px;display:flex;justify-content:center;padding:5px;transition:transform .3s ease,border-color .3s ease}.site-card:hover{border-color:var(--primary-color);transform:scale(1.05)}.site-card img{height:100px;-o-object-fit:contain;object-fit:contain;width:100%}.sites-grid.scrollable{max-height:400px;overflow-y:auto;scrollbar-color:var(--primary-color) var(--card-bg);scrollbar-width:thin}.sites-grid.scrollable::-webkit-scrollbar{width:8px}.sites-grid.scrollable::-webkit-scrollbar-track{background:var(--card-bg)}.sites-grid.scrollable::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.sites-grid.scrollable::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.footer{background:var(--bg-dark);border-top:1px solid rgba(255,42,94,.2);bottom:0;color:var(--text-muted);left:0;padding:1.5rem 0;position:fixed;text-align:center;width:100%;z-index:1000}.footer p{font-size:1rem;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.banner-grid{grid-template-columns:repeat(2,1fr)}.game-card-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.container{padding:0}.header{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1.5rem}.header-logo img{width:150px}.banner-grid{grid-template-columns:repeat(2,1fr)}.game-card{height:220px}.game-image{height:120px}.modal-content{padding:1.5rem}.game-search{align-items:stretch;flex-direction:column}.provider-select,.sort-button{width:100%}}@media (max-width:480px){.banner-item img{height:65px;-o-object-fit:contain;object-fit:contain}.card-svg svg{height:60px!important;left:34%;position:absolute;top:65px;width:60px!important}.banner-grid,.game-card-container{grid-template-columns:repeat(2,1fr)}.game-card-container{margin-bottom:70px}.game-card{height:210px}.game-info h2{font-size:12px}.rtp{font-size:.85rem}.modal-content h2{font-size:1.6rem}.site-card img{height:75px}.footer p{font-size:.9rem}}