@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');:root{--primary-color:#8B5CF6;--dark-bg:#0F0B1E;--text-color:#fff;--input-border:rgba(255,255,255,0.1);--home-bg:#1a1a2e;--nav-bg:linear-gradient(to right,#8a56ac,#7a4a9c);--card-bg:#2a2a3e;--accent-color:#8a56ac;--secondary-accent:#ff6b6b;--table-bg:#8a56ac;--selected-bg:#1a1a2e}
body{font-family:'Roboto',sans-serif;background:url('../images/bg.png')var(--dark-bg);color:var(--text-color);min-height:100vh}.col-3{padding:0!important}.bg-black-own{background-color:black!important;color:white!important}.login-wrapper{min-height:100vh}.login-left{background:url('../images/loginbg.png')no-repeat center center;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.logo-wrapper{text-align:center}.logo img{max-width:200px;height:auto}.login-right{display:flex;align-items:center;justify-content:center}.login-form-wrapper{width:100%;max-width:450px}.login-form-wrapper h1{font-size:2.5rem;margin-bottom:1rem;font-weight:600}.register-text{color:rgba(255,255,255,0.7);margin-bottom:2rem}.register-link{color:var(--primary-color);text-decoration:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;color:rgba(255,255,255,0.9)}.form-control{background:transparent;border:none;border-bottom:1px solid var(--input-border);border-radius:0;padding:0.75rem 0;color:var(--text-color);width:100%}.form-control:focus{box-shadow:none;background:transparent;border-color:var(--primary-color);color:var(--text-color)}.input-group{position:relative}.password-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;color:rgba(255,255,255,0.5);z-index:100}.form-check-input{background-color:transparent;border-color:rgba(255,255,255,0.2)}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.form-check-label{color:rgba(255,255,255,0.7)}.forgot-link{color:var(--primaryslot-card-color);text-decoration:none;font-size:0.7rem}.slot-card{display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative}.slot-card-1:after{display:none}.slot-card::after{content:'';position:absolute;top:50%;left:0;width:2px;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,0)0%,rgba(255,255,255,0.5)50%,rgba(255,255,255,0)100%);transform:translateY(-50%);box-shadow:0 0 10px rgba(255,255,255,0.2);border-radius:2px;animation:glow 2s ease-in-out infinite}
@keyframes glow{0%{box-shadow:0 0 5px rgba(255,255,255,0.2)}
50%{box-shadow:0 0 15px rgba(255,255,255,0.4)}
100%{box-shadow:0 0 5px rgba(255,255,255,0.2)}}.btn-login{background:var(--primary-color);color:var(--text-color);width:100%;padding:0.875rem;border-radius:2rem;margin-top:1.5rem;transition:all 0.3s ease;border:none;font-weight:500}.btn-login:hover{background:#7c4ef0;color:var(--text-color)}::placeholder{color:rgba(255,255,255,0.3)!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color);-webkit-box-shadow:0 0 0px 1000px var(--dark-bg)inset;transition:background-color 5000s ease-in-out 0s}.home-page{background-color:var(--home-bg);padding-bottom:2rem}.container-fluid{padding-left:15px;padding-right:15px}.main-header{padding:1rem 0;position:relative;z-index:10}.header-inner{display:flex;justify-content:space-between;align-items:center}.menu-btn{background:transparent;border:none;color:var(--text-color);display:flex;align-items:center;font-size:0.9rem;padding:0.5rem;transition:all 0.3s ease;cursor:pointer}.menu-btn:hover{transform:scale(1.05)}.menu-btn:active{transform:scale(0.95)}.menu-btn i{margin-right:0.5rem;font-size:1.3rem;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.menu-btn i.fa-bars{color:var(--accent-color)}.site-logo{text-align:center;position:relative}.site-logo img{height:60px;width:auto;transition:transform 0.3s ease;filter:brightness(2)}.site-logo:hover img{transform:scale(1.05)}.balance-pill{background-color:var(--accent-color);color:var(--text-color);padding:0.5rem 1.2rem;border-radius:20px;font-weight:600;font-size:0.9rem;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease}.balance-pill:hover{box-shadow:0 6px 12px rgba(0,0,0,0.3);transform:translateY(-2px)}.main-nav{background:var(--nav-bg);border-radius:30px;margin:0.5rem 0 1.5rem;padding:0.5rem}.nav-list{display:flex;justify-content:space-around;align-items:center;list-style:none;margin:0;padding:0}.nav-item{padding:0.5rem 0;position:relative}.nav-item a{color:var(--text-color);text-decoration:none;text-transform:uppercase;font-weight:600;font-size:0.9rem;letter-spacing:0.5px;padding:0.5rem 1rem;border-radius:20px;transition:all 0.3s ease}.nav-item.active a{font-weight:700;background:black;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.nav-item:not(.active)a:hover{background:rgba(255,255,255,0.05)}.nav-divider{color:rgba(255,255,255,0.3);margin:0 0.5rem}.game-carousel{position:relative;padding:1rem 0;margin-bottom:1rem}.games-wrapper{display:flex;overflow-x:auto;gap:15px;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;position:relative}.games-wrapper::-webkit-scrollbar{display:none}.game-card{flex:0 0 auto;width:180px;height:240px;border-radius:15px;overflow:hidden;position:relative;box-shadow:0 10px 20px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease;scroll-snap-align:center;transform:scale(0.95)}.game-card:hover{transform:translateY(-5px)scale(1);box-shadow:0 15px 30px rgba(0,0,0,0.4);z-index:1}.game-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0)70%,rgba(0,0,0,0.7)100%);pointer-events:none}.game-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}.game-card:hover img{transform:scale(1.05)}.game-title{color:var(--text-color);font-size:0.8rem;font-weight:600;margin:0 0 5px;line-height:1.2;text-transform:uppercase}.game-tag{color:rgba(255,255,255,0.7);font-size:0.6rem;text-transform:uppercase}.carousel-controls{position:relative;margin-top:1.5rem}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.3);cursor:pointer;transition:all 0.3s ease}.dot.active{background-color:var(--accent-color);width:25px;border-radius:5px;box-shadow:0 0 10px rgba(138,86,172,0.5)}.sports-section{margin-top:2rem}.section-header{background-color:var(--accent-color);border-radius:10px 10px 0 0;padding:1rem}.section-header h2{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.sports-icons-inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;max-width:700px;margin:0 auto}.sport-icon{width:45px;height:45px;border-radius:50%;background-color:var(--accent-color);display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all 0.3s ease;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,0.2);position:relative;z-index:1}.sport-separator{width:1px;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,0)0%,rgba(255,255,255,0.2)50%,rgba(255,255,255,0)100%);margin:0 10px;position:relative;z-index:0}.sport-icon:hover,.sport-icon.active{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.3)}.sport-icon i{font-size:1.2rem}.sport-nav{display:flex;align-items:center;color:var(--accent-color);font-size:0.8rem}.sport-nav i{margin-left:-5px}.live-games-table{background-color:var(--accent-color);border-radius:0 0 10px 10px;overflow:hidden}.table-header{display:flex;padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.1)}.header-cell{font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.games-col{flex:2;padding-left:0.5rem}.odds-col{flex:1;text-align:center}.table-row{display:flex;padding:0.75rem 1rem;border-bottom:1px solid rgba(255,255,255,0.1);align-items:center}.table-row:last-child{border-bottom:none}.cell{font-size:0.9rem;display:flex;align-items:center;justify-content:center}.cell.games-col{justify-content:flex-start;flex-direction:column;align-items:flex-start}.game-name{font-weight:500;margin-bottom:0.2rem}.game-score{font-size:0.75rem;opacity:0.7}.cell.odds-col{height:30px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all 0.2s ease;cursor:pointer;margin:0px 3px}.cell.odds-col:hover{background-color:rgba(0,0,0,0.1)}.cell.odds-col.selected{background-color:#000;color:white;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.promotions-section{margin-top:2rem}.promo-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.2)}.promo-card img{width:100%;height:auto;display:block}.leagues-list{background-color:var(--accent-color);border-radius:0 0 10px 10px;padding:0.5rem 1rem}.league-item{padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.9rem;font-weight:500}.league-item:last-child{border-bottom:none}.main-footer{margin-top:2rem;text-align:center}.disclaimer{font-size:0.7rem;opacity:0.7;line-height:1.4}.offcanvas{background:var(--dark-bg);color:var(--text-color);border:none}.offcanvas-backdrop{cursor:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");opacity:1}.offcanvas-header{background:var(--nav-bg);padding:1.5rem;gap:0px 30px!important;border-bottom:1px solid rgba(255,255,255,0.1)}.offcanvas-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-color)}.offcanvas-search{width:100%;position:relative}.offcanvas-search input{width:100%;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:25px;padding:0.75rem 1rem 0.75rem 2.5rem;color:var(--text-color);font-size:0.9rem}.offcanvas-search input::placeholder{color:rgba(255,255,255,0.5)}.offcanvas-search i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,0.5)}.btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")center/1em auto no-repeat;opacity:1}.offcanvas-body{padding:1.5rem}.offcanvas-menu-item{display:flex;align-items:center;padding:1rem;color:var(--text-color);text-decoration:none;border-radius:8px;transition:all 0.3s ease;margin-bottom:0.5rem}.offcanvas-menu-item:hover{background:rgba(138,86,172,0.1)}.offcanvas-menu-item i{margin-right:1rem;font-size:1.2rem;color:var(--accent-color)}.offcanvas-divider{height:1px;background:rgba(255,255,255,0.1);margin:1rem 0}.offcanvas-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,0.1)}.btn-logout{background:var(--accent-color);color:var(--text-color);border:none;padding:1rem 1.5rem;border-radius:25px;width:100%;font-weight:500;transition:all 0.3s ease}.btn-lg-new{padding:0.5rem 1.2rem!important}.btn-logout:hover{background:var(--primary-color);transform:translateY(-2px)}.offcanvas-body::-webkit-scrollbar{width:8px}.offcanvas-body::-webkit-scrollbar-track{background:rgba(138,86,172,0.1);border-radius:4px}.offcanvas-body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px;transition:all 0.3s ease}.offcanvas-body::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.offcanvas-body{scrollbar-width:thin;scrollbar-color:var(--accent-color)rgba(138,86,172,0.1)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--dark-bg);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-circle{position:relative;width:150px;height:150px;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-color);border-right-color:var(--accent-color);animation:spin 2s linear infinite}.loading-circle::before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary-color);border-right-color:var(--primary-color);animation:spin 3s linear infinite}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:auto;animation:simplePulse 1.5s ease-in-out infinite}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
@keyframes simplePulse{0%{transform:translate(-50%,-50%)scale(1)}
50%{transform:translate(-50%,-50%)scale(1.05)}
100%{transform:translate(-50%,-50%)scale(1)}}
#leaguesAccordion{background-color:var(--accent-color);border-radius:0 0 10px 10px;overflow:hidden}.accordion-item{border:none;background-color:transparent;border-bottom:1px solid rgba(255,255,255,0.1)}.accordion-item:last-child{border-bottom:none}.league-accordion-btn{background-color:var(--accent-color);color:var(--text-color);padding:1rem 1.5rem;font-weight:500;font-size:0.95rem;border:none;box-shadow:none;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.league-accordion-btn::after{display:none}.league-accordion-btn span{flex-grow:1}.league-arrow{color:#ffffff;font-size:0.8rem;margin-left:1rem;transition:transform 0.3s ease;background-color:rgb(0,0,0);width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.league-accordion-btn:not(.collapsed){background-color:rgba(0,0,0,0.15);color:white}.league-accordion-btn:not(.collapsed).league-arrow{transform:rotate(90deg)}.league-accordion-btn:hover{background-color:rgba(0,0,0,0.1)}.league-accordion-btn:focus{box-shadow:none}.accordion-body{background-color:rgba(0,0,0,0.15);padding:0}.league-submenu{list-style-type:none;padding:0;margin:0}.league-submenu li{padding:0.75rem 2rem;font-size:0.85rem;color:rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.05);transition:all 0.2s ease;cursor:pointer}.league-submenu li:hover{background-color:rgba(0,0,0,0.1);padding-left:2.25rem}.league-submenu li:last-child{border-bottom:none}.league-link{color:white;text-decoration:none;display:block;width:100%;transition:all 0.2s ease}.league-link:hover{color:white;text-decoration:none}.accordion-collapse{transition:all 0.3s ease-out}.jconfirm.jconfirm-black.jconfirm-box,.jconfirm.jconfirm-dark.jconfirm-box{background-color:#0F0B1E!important}.jconfirm.jconfirm-material.jconfirm-box div.jconfirm-content{color:rgb(255 253 253/87%)!important}