@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.carouselSection{position:relative;margin-bottom:70px}.carouselSection>.contentWrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.carouselSection .carouselTitle{font-size:24px;color:#fff;font-weight:400}.skeleton-wrapper{padding:20px 0}.heroBanner{width:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;overflow:hidden}.heroBanner .loading-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#00d4ff}.heroBanner .loading-banner .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,212,255,.3);border-top:3px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.heroBanner .loading-banner span{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.heroBanner .error-banner{display:flex;align-items:center;justify-content:center;height:300px;background:linear-gradient(135deg,#2d1b20,#3d2528);color:#ff6b6b;font-size:16px;font-weight:500}.heroBanner .carousel-container{position:relative;width:100%;height:100%;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.heroBanner .carousel-container:active{cursor:grabbing}.heroBanner .carousel-container .carousel-track{display:flex;width:100%;height:100%;will-change:transform}.heroBanner .carousel-container .carousel-slide{min-width:100%;height:100%;position:relative;display:flex}.heroBanner .carousel-container .carousel-slide .slide-link{width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:transparent;text-decoration:none}.heroBanner .carousel-container .carousel-slide .slide-link .image-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.heroBanner .carousel-container .carousel-slide .slide-link .image-container .lazy-load-image-background{width:100%;display:flex;align-items:center;justify-content:center}.heroBanner .carousel-container .carousel-slide .slide-link .image-container .lazy-load-image-background img{width:100%;height:100%;max-height:100vh;object-fit:cover;object-position:center;display:block;transition:transform .3s ease;filter:brightness(.9) contrast(1.1)}.heroBanner .carousel-container .carousel-slide .slide-link .image-container .slide-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00d4ff1a,#ff6b6b0d,#8a2be21a);opacity:0;transition:opacity .3s ease;pointer-events:none}.heroBanner .carousel-container .carousel-slide .slide-link .image-container:hover .slide-overlay{opacity:1}.heroBanner .carousel-container .carousel-slide .slide-link .image-container:hover img{transform:scale(1.02)}.heroBanner .carousel-container .carousel-dots{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10;padding:12px 20px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;border:1px solid rgba(255,255,255,.1)}.heroBanner .carousel-container .carousel-dots .dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease;position:relative;padding:0;outline:none}.heroBanner .carousel-container .carousel-dots .dot .dot-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.heroBanner .carousel-container .carousel-dots .dot:hover{border-color:#00d4ff;transform:scale(1.2)}.heroBanner .carousel-container .carousel-dots .dot:hover .dot-inner{background:#00d4ff;box-shadow:0 0 10px #00d4ff80}.heroBanner .carousel-container .carousel-dots .dot.active{border-color:#00d4ff;background:#00d4ff33;box-shadow:0 0 20px #00d4ff4d}.heroBanner .carousel-container .carousel-dots .dot.active .dot-inner{background:#00d4ff;width:8px;height:8px;box-shadow:0 0 15px #00d4ff99}.heroBanner .carousel-container .progress-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff1a;z-index:5}.heroBanner .carousel-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#ff6b6b,#8a2be2);width:0%;border-radius:2px}@keyframes progressFill{0%{width:0%}to{width:100%}}@media (max-width: 768px){.heroBanner .carousel-container .carousel-slide .slide-link .image-container .lazy-load-image-background img{min-height:250px;max-height:400px;margin-top:60px}.heroBanner .carousel-container .carousel-dots{bottom:16px;gap:8px;padding:8px 16px}.heroBanner .carousel-container .carousel-dots .dot{width:12px;height:12px}.heroBanner .carousel-container .carousel-dots .dot .dot-inner{width:5px;height:5px}.heroBanner .carousel-container .carousel-dots .dot.active .dot-inner{width:6px;height:6px}}@media (max-width: 480px){.heroBanner .carousel-container .carousel-slide .slide-link .image-container .lazy-load-image-background img{min-height:200px;max-height:300px;margin-top:55px}.heroBanner .carousel-container .carousel-dots{bottom:12px;gap:6px;padding:6px 12px}.heroBanner .carousel-container .carousel-dots .dot{width:10px;height:10px;border-width:1.5px}.heroBanner .carousel-container .carousel-dots .dot .dot-inner{width:4px;height:4px}.heroBanner .carousel-container .carousel-dots .dot.active .dot-inner{width:5px;height:5px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.heroBanner .carousel-container .carousel-slide .slide-link .image-container .lazy-load-image-background img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){.heroBanner{background:linear-gradient(135deg,#000,#111)}}@media (prefers-reduced-motion: reduce){.heroBanner .carousel-container .carousel-track,.heroBanner .carousel-container .carousel-slide .slide-link .image-container img,.heroBanner .carousel-container .carousel-slide .slide-link .image-container .slide-overlay,.heroBanner .carousel-container .carousel-dots .dot,.heroBanner .carousel-container .carousel-dots .dot .dot-inner{transition:none!important}.heroBanner .carousel-container .progress-bar .progress-fill{animation:none!important}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.contentWrapper{width:100%;margin:0 auto;padding:0 5vw}.game-section .game-grid{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:20px}@media only screen and (min-width: 768px){.game-section .game-grid{gap:1rem}}.game-section .game-grid .movieCard .posterBlock{margin-bottom:30px}.game-section .view-more-container{display:flex;justify-content:center;margin-bottom:50px}.game-section .view-toggle-button{padding:10px 20px;background:var(--gradient, linear-gradient(45deg, #7b4397, #dc2430));color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.game-section .view-toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.game-section .view-toggle-button:active{transform:translateY(0)}.game-card{display:block;text-decoration:none;color:#fff;transition:transform .3s ease;position:relative}.game-card:hover{transform:scale(1.05)}.game-card:hover .poster{opacity:.7}.game-card .poster-block{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;margin-bottom:10px;background-color:#0a2955}.game-card .poster{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.game-card .game-info{position:relative}.game-card .title{font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card .release-date{font-size:14px;color:#ccc}.game-card .rating{position:absolute;top:-30px;right:10px;width:40px;height:40px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.movieCard{width:calc(50% - 5px);margin-bottom:25px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.movieCard{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.movieCard{width:calc(20% - 16px)}}.movieCard .pricing{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.movieCard .pricing .price{font-size:1rem;font-weight:500}@media only screen and (min-width: 768px){.movieCard .pricing .price{font-size:1.05rem}}.movieCard .pricing .actualPrice{font-size:1rem;text-decoration:line-through;color:var(--white);opacity:.5}@media only screen and (min-width: 768px){.movieCard .pricing .actualPrice{font-size:1.05rem}}.movieCard .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s}.movieCard .posterBlock .add-to-cart-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:50%;height:50px;width:50px;transform:translate(-50%,-50%);background:var(--gradient);border:none;border-radius:50%;color:#fff;padding:10px;opacity:0;pointer-events:none;transition:opacity .3s,background .2s,color .2s,transform .2s;z-index:3;cursor:pointer;box-shadow:0 4px 18px #da2f682e}.movieCard .posterBlock .add-to-cart-btn:hover{background:var(--gradient);color:#fff;transform:translate(-50%,-50%) scale(1.08);box-shadow:0 6px 24px #da2f6840}.movieCard .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.movieCard .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.movieCard .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#fff;flex-shrink:0}@media only screen and (min-width: 768px){.movieCard .posterBlock .circleRating{width:50px;height:50px}}.movieCard .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 768px){.movieCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.movieCard .textBlock{color:#fff;display:flex;flex-direction:column}.movieCard .textBlock .title{font-size:1rem;margin-bottom:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1}@media only screen and (min-width: 768px){.movieCard .textBlock .title{font-size:1rem}}.movieCard:hover .posterBlock{opacity:.5}.movieCard:hover .add-to-cart-btn{opacity:1;pointer-events:auto}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.circleRating{background-color:var(--black);border-radius:50%;padding:2px}.circleRating .CircularProgressbar-text{font-size:34px;font-weight:700;fill:var(--black)}.circleRating .CircularProgressbar-trail{stroke:transparent}.genres{display:flex;gap:5px;font-size:12px;font-weight:500}.genres .genre{background-color:var(--pink);padding:3px 5px}.section .container{width:100%;margin:0 auto;padding:0 3rem}.banner-section .banner-grid{display:flex;flex-wrap:wrap;gap:20px}.banner-section .banner-grid>*:only-child{flex:1 1 100%}@media (min-width: 768px){.banner-section .banner-grid>*:only-child{flex:1 1 calc(50% - 20px)}}.banner-section .banner-item1{position:relative;border-radius:12px;overflow:hidden;transition:transform .3s ease;flex:1 1 calc(50% - 20px)}.banner-section .banner-item1:hover{transform:scale(1.007)}.banner-section .banner-image-container{position:relative;height:100%}.banner-section .banner-image{width:100%;height:100%;object-fit:contain;border-radius:18px}.banner-section .banner-content{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(4,21,45,.9),transparent);color:#fff}.banner-section .banner-title{font-size:20px;font-weight:700;margin-bottom:8px}.banner-section .banner-subtitle{font-size:14px;margin-bottom:12px}.banner-section .cta-button{background:var(--gradient);border:none;padding:8px 16px;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .3s}.banner-section .cta-button:hover{opacity:.9}.error-container{text-align:center;padding:40px 20px;color:#fff}.error-container p{font-size:18px;margin-bottom:20px}.homepage-content{min-height:100vh}.section{padding:2rem 0}.section .container{width:100%;margin:0 auto;padding:0 2rem}.section .section-header{margin-bottom:20px;text-align:left}.section .section-title{font-size:2rem;font-weight:700;color:#fff;margin-right:.5rem}.section .section-description{font-size:16px;color:#ccc;margin-top:6px}.video-banner-section .video-banner-container{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;border-radius:16px;box-shadow:0 4px 24px #0000001f;overflow:hidden;transition:box-shadow .3s;transition:all .3s ease-in-out}@media (min-width: 768px){.video-banner-section .video-banner-container{flex-direction:row;align-items:stretch;gap:32px;min-height:320px}}.video-banner-section .video-banner-container:hover{box-shadow:0 8px 32px #da2f6826}.video-banner-section .video-banner-container:hover .banner-content{background:linear-gradient(to top,rgba(4,21,45,.82) 80%,transparent 100%)}.video-banner-section .banner-side{flex:1 1 0;display:flex;align-items:stretch;justify-content:stretch;min-width:0;background:var(--black2)}.video-banner-section .banner-side .banner-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;transition:box-shadow .2s}.video-banner-section .banner-side .banner-link:hover .banner-image-container,.video-banner-section .banner-side .banner-link:focus .banner-image-container{box-shadow:0 0 0 3px var(--pink)}.video-banner-section .banner-side .banner-image-container{position:relative;width:100%;height:100%;min-height:320px;border-radius:0;overflow:hidden;display:flex;align-items:flex-end;background:#0a2955;transition:box-shadow .3s}.video-banner-section .banner-side .banner-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-banner-section .banner-side .banner-content{position:absolute;left:0;right:0;bottom:0;padding:28px 24px 20px;background:linear-gradient(to top,rgba(4,21,45,.72) 30%,transparent 100%);color:#fff;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.video-banner-section .banner-side .banner-title{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.25)}.video-banner-section .banner-side .banner-subtitle{font-size:1rem;color:#f89e00;margin-bottom:8px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.15)}.video-banner-section .banner-side .cta-button{margin-top:10px;background:var(--gradient);border:none;padding:10px 28px;border-radius:24px;color:#fff;font-weight:700;font-size:1rem;letter-spacing:.5px;cursor:pointer;box-shadow:0 2px 12px #da2f681f;transition:background .3s,transform .2s,box-shadow .3s}.video-banner-section .banner-side .cta-button:hover,.video-banner-section .banner-side .cta-button:focus{background:linear-gradient(98.37deg,#da2f68 .99%,#f89e00);transform:translateY(-2px) scale(1.04);box-shadow:0 4px 18px #da2f6840;outline:none}.video-banner-section .video-side{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:0}.video-banner-section .youtube-embed{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}.video-banner-section .youtube-embed iframe{width:100%;height:100%;border:none;border-radius:16px;background:#000}@media (max-width: 767px){.video-banner-section .video-banner-container{gap:16px;margin-bottom:28px;border-radius:10px}.video-banner-section .banner-side .banner-content{padding:18px 12px 14px}.video-banner-section .youtube-embed{border-radius:10px}}.infinite-reviews{position:relative;width:100%;height:100%;overflow:hidden;padding-top:40px;background-color:var(--black, #04152d)}.infinite-reviews .reviews-container{display:flex;flex-direction:column;gap:24px}.infinite-reviews .reviews-row{overflow:hidden;white-space:nowrap}.infinite-reviews .reviews-row.row-1 .reviews-track{animation:scrollLeft 30s linear infinite}.infinite-reviews .reviews-row.row-2 .reviews-track{animation:scrollRight 30s linear infinite;animation-delay:-20s}.infinite-reviews .reviews-row:hover .reviews-track{animation-play-state:paused}.infinite-reviews .reviews-track{display:inline-flex;gap:20px;will-change:transform}.infinite-reviews .reviews-set{display:inline-flex;gap:20px;flex-shrink:0;align-items:flex-start}.infinite-reviews .review-card{background:#1a4b911a;border:1px solid rgba(26,75,145,.2);border-radius:16px;padding:20px;width:320px;min-height:210px;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;white-space:normal}@media only screen and (min-width: 640px){.infinite-reviews .review-card{width:350px;padding:24px}}.infinite-reviews .review-card:hover{background:#1a4b9126;border-color:#1a4b914d;transform:translateY(-2px)}.infinite-reviews .review-card .website-icon{width:25px;height:25px;margin-left:4px;vertical-align:middle;opacity:.8}.infinite-reviews .review-card .website-icon img{width:100%;height:100%;object-fit:contain}.infinite-reviews .review-card .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.infinite-reviews .review-card .review-header .user-info{display:flex;align-items:center;position:relative;gap:12px}.infinite-reviews .review-card .review-header .user-info .avatar{position:relative;width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(244,208,3,.959);background:var(--gradient, linear-gradient(135deg, #1a4b91 0%, #f4d003 100%));display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px #0000001a}.infinite-reviews .review-card .review-header .user-info .avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--gradient, linear-gradient(135deg, #1a4b91 0%, #f4d003 100%));display:flex;align-items:center;justify-content:center;border:2px solid rgba(244,208,3,.959);box-shadow:0 2px 8px #0000001a}.infinite-reviews .review-card .review-header .user-info .avatar-initials{font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;line-height:1.5;display:flex;align-items:center;justify-content:center;width:100%;height:100%;-webkit-user-select:none;user-select:none;text-shadow:0 1px 4px rgba(0,0,0,.18)}.infinite-reviews .review-card .review-header .user-info .user-details .user-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1}.infinite-reviews .review-card .review-header .user-info .user-details .review-time{color:#fff9;font-size:12px}.infinite-reviews .review-card .review-header .google-icon{flex-shrink:0;opacity:.8}.infinite-reviews .review-card .rating-section{display:flex;align-items:center;gap:8px;margin-bottom:16px}.infinite-reviews .review-card .rating-section .stars{display:flex;gap:2px}.infinite-reviews .review-card .rating-section .stars .star{color:#fbbf24;font-size:16px}.infinite-reviews .review-card .rating-section .stars .star:not(.filled){color:#fff3}.infinite-reviews .review-card .rating-section .verified-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#4285f41a;border-radius:50%}.infinite-reviews .review-card .rating-section .verified-badge svg{width:100%}.infinite-reviews .review-card .review-text{color:#ffffffe6;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4}@media only screen and (min-width: 640px){.infinite-reviews .review-card .review-text{font-size:15px}}.infinite-reviews .review-card.expanded .review-text{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible;white-space:normal;max-height:none}.infinite-reviews .review-card .review-image img{width:80px;height:80px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.infinite-reviews .review-card .read-more-btn{background:none;border:none;color:var(--orange);font-weight:600;margin-left:6px;cursor:pointer;font-size:14px;padding:0;transition:color .2s}.infinite-reviews .review-card .read-more-btn:hover{color:var(--pink);text-decoration:underline}.infinite-reviews .fade-overlay{position:absolute;top:0;bottom:0;width:120px;pointer-events:none;z-index:10}@media only screen and (min-width: 768px){.infinite-reviews .fade-overlay{width:160px}}@media only screen and (min-width: 1024px){.infinite-reviews .fade-overlay{width:200px}}.infinite-reviews .fade-overlay.fade-left{left:0;background:linear-gradient(to right,var(--black, #04152d) 0%,var(--black, #04152d) 20%,rgba(4,21,45,.8) 40%,rgba(4,21,45,.4) 70%,transparent 100%)}.infinite-reviews .fade-overlay.fade-right{right:0;background:linear-gradient(to left,var(--black, #04152d) 0%,var(--black, #04152d) 20%,rgba(4,21,45,.8) 40%,rgba(4,21,45,.4) 70%,transparent 100%)}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media only screen and (min-width: 640px){.infinite-reviews .reviews-set,.infinite-reviews .reviews-track{gap:24px}}@media only screen and (min-width: 1024px){.infinite-reviews{padding-top:60px}.infinite-reviews .reviews-container{gap:32px}}.reels-carousel-container{height:100%;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.carousel-header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.carousel-header .carousel-title{font-size:2.25rem;font-weight:700;padding:3px 0;background:linear-gradient(135deg,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.carousel-header .carousel-nav-buttons{display:flex;gap:1rem}.carousel-header .carousel-nav-buttons .nav-button{width:3rem;height:3rem;border-radius:50%;background:#1f2937;border:1px solid #374151;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.carousel-header .carousel-nav-buttons .nav-button:hover{background:#374151;transform:scale(1.1)}.carousel-wrapper{position:relative;width:100%;height:37.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.carousel-wrapper .carousel-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.phone-container{width:15.5rem;height:30rem}.phone-frame{position:relative;width:100%;height:100%;background:#000;border-radius:2.1875rem;padding:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:3px solid #1f2937}.phone-frame .phone-screen{position:relative;width:100%;height:100%;background:#000;border-radius:1.75rem;overflow:hidden}.phone-frame .phone-screen .phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:6rem;height:1.25rem;background:#000;border-radius:0 0 .75rem .75rem;z-index:20}.phone-frame .phone-screen .phone-content,.video-container{position:relative;width:100%;height:100%}.video-container .reel-video{width:100%;height:100%;object-fit:cover}.video-container .video-controls{position:absolute;top:2rem;right:.75rem;display:flex;flex-direction:column;gap:.75rem}.video-container .video-controls .video-control-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.video-container .video-controls .video-control-btn:hover{background:#000c;transform:scale(1.1)}.thumbnail-container{position:relative;width:100%;height:100%}.thumbnail-container .reel-thumbnail{width:100%;height:100%;object-fit:cover}.thumbnail-container .play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.thumbnail-container .play-overlay .play-button{width:4rem;height:4rem;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.thumbnail-container .play-overlay .play-button:hover{background:#000c;transform:scale(1.1)}.thumbnail-container .play-overlay .play-button svg{margin-left:.125rem}.reel-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 50%,transparent 100%)}.reel-info .reel-title{color:#fff;font-weight:600;font-size:1rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-info .reel-creator{color:#f97316;font-size:.875rem;margin:0 0 .5rem;font-weight:500}.reel-info .reel-stats{display:flex;gap:1rem;font-size:.875rem;color:#ffffffb3}.reel-info .reel-stats .stat-item{display:flex;align-items:center;gap:.25rem}.reel-info .reel-stats .stat-item.likes .stat-icon{color:#ec4899}.reel-info .reel-stats .stat-item.views .stat-icon{color:#f97316}.carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.carousel-indicators .indicator{width:.75rem;height:.75rem;border-radius:50%;border:none;background:#374151;cursor:pointer;transition:all .3s ease}.carousel-indicators .indicator.active{background:linear-gradient(135deg,#ec4899,#f97316);transform:scale(1.25)}.carousel-indicators .indicator:hover:not(.active){background:#1f2937;transform:scale(1.1)}@media (max-width: 768px){.reels-carousel-container{padding:1rem}.carousel-header{margin-bottom:2rem}.carousel-header .carousel-title{font-size:1.875rem}.carousel-wrapper{height:31.25rem}.phone-container{width:14rem;height:26rem}.phone-frame{border-radius:1.875rem}.phone-frame .phone-screen{border-radius:1.5rem}.phone-frame .phone-screen .phone-notch{width:5rem;height:1rem}.video-controls{top:1.5rem;right:.5rem;gap:.5rem}.video-controls .video-control-btn{width:2rem;height:2rem}.video-controls .video-control-btn svg{width:16px;height:16px}.play-overlay .play-button{width:3rem;height:3rem}.play-overlay .play-button svg{width:20px;height:20px}.reel-info{padding:.5rem}.reel-info .reel-title{font-size:.875rem}.reel-info .reel-creator,.reel-info .reel-stats{font-size:.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reels-carousel-container{animation:fadeInUp .8s ease-out}@media (hover: none) and (pointer: coarse){.nav-button:hover,.video-control-btn:hover,.play-button:hover,.indicator:hover{transform:none}}.winner-banner{position:relative;margin-top:6rem!important;max-width:1000px;margin:auto;margin-bottom:6rem;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#0f172afa,#1e293bf2,#0f172afa);box-shadow:0 20px 60px #00000080,0 0 0 1px #f89e0033,inset 0 1px #ffffff1a}.winner-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f89e00,#fbbf24,#da2f68,#8b5cf6,#f89e00);background-size:200% 100%;animation:gradientShift 3s linear infinite}.winner-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#f89e00 50%,transparent 100%);opacity:.5}.winner-banner__particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.winner-banner__particles .particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fbbf24,transparent);border-radius:50%;animation:float 4s ease-in-out infinite}.winner-banner__particles .particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.winner-banner__particles .particle:nth-child(2){top:60%;left:20%;animation-delay:1s}.winner-banner__particles .particle:nth-child(3){top:40%;right:15%;animation-delay:2s}.winner-banner__particles .particle:nth-child(4){top:70%;right:25%;animation-delay:1.5s}.winner-banner__particles .particle:nth-child(5){top:30%;left:50%;animation-delay:.5s}.winner-banner__spotlight{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(ellipse at center,rgba(248,158,0,.15) 0%,rgba(248,158,0,.05) 40%,transparent 70%);animation:spotlightPulse 4s ease-in-out infinite}.winner-banner__container{position:relative;z-index:2;padding:32px 40px}@media (max-width: 768px){.winner-banner__container{padding:24px 20px}}.winner-banner__header{display:flex;justify-content:center;margin-bottom:24px}.winner-banner__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,#f89e0033,#da2f6833);border:1px solid rgba(248,158,0,.4);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.winner-banner__badge .sparkle-icon{width:16px;height:16px;color:#fbbf24;animation:sparkle 2s ease-in-out infinite}.winner-banner__badge span{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#fbbf24,#f89e00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.winner-banner__main{display:flex;flex-direction:column;align-items:center;gap:32px}.winner-banner__crown-container{position:relative;display:flex;justify-content:center;align-items:center}.winner-banner__crown-container .crown-glow{position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(234,179,8,.3),transparent);border-radius:50%;animation:crownGlow 2s ease-in-out infinite}.winner-banner__crown{position:relative;z-index:2;width:48px;height:48px;color:#eab308;filter:drop-shadow(0 0 20px rgba(234,179,8,.8));animation:crownFloat 3s ease-in-out infinite}.winner-banner__winner{display:flex;flex-direction:column;align-items:center;gap:20px}.winner-banner__avatar-wrapper{position:relative;width:120px;height:120px}.winner-banner__avatar-wrapper .avatar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid transparent;border-radius:50%;background:linear-gradient(45deg,#f89e00,#da2f68,#8b5cf6,#f89e00);background-size:300% 300%;animation:rotateGradient 4s linear infinite}.winner-banner__avatar-wrapper .avatar-ring:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#0f172ae6;border-radius:50%}.winner-banner__avatar-wrapper .avatar-ring--2{width:110%;height:110%;opacity:.3;animation-delay:2s}.winner-banner__avatar-wrapper .avatar-spark{position:absolute;color:#fbbf24;animation:sparkPosition 3s ease-in-out infinite}.winner-banner__avatar-wrapper .avatar-spark.spark-1{top:10%;right:10%}.winner-banner__avatar-wrapper .avatar-spark.spark-2{bottom:10%;left:10%;animation-delay:1.5s}.winner-banner__avatar{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 8px 32px #0006}.winner-banner__info{text-align:center}.winner-banner__name{font-size:2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fbbf24,#f89e00,#da2f68);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(248,158,0,.3);letter-spacing:.5px}@media (max-width: 768px){.winner-banner__name{font-size:1.5rem}}.winner-banner__subtitle{font-size:1rem;color:#cbd5e1;font-weight:600;margin:0}.winner-banner__prize{width:100%;max-width:500px;display:flex;flex-direction:column;gap:16px;align-items:center}.winner-banner__prize .prize-header{display:flex;align-items:center;gap:12px}.winner-banner__prize .prize-header .trophy-icon-large{width:32px;height:32px;color:#f89e00;filter:drop-shadow(0 0 10px rgba(248,158,0,.5))}.winner-banner__prize .prize-header .prize-label{font-size:1.125rem;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px}.winner-banner__prize .prize-card{width:100%;background:linear-gradient(135deg,#334155cc,#1e293bcc);border:2px solid rgba(248,158,0,.3);border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease}.winner-banner__prize .prize-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #f89e0033,inset 0 1px #ffffff1a}.winner-banner__prize .prize-card__image{position:relative;width:100px;height:100px;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.winner-banner__prize .prize-card__image img{width:100%;height:100%;object-fit:cover}.winner-banner__prize .prize-card__image .prize-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 3s ease-in-out infinite}.winner-banner__prize .prize-card__info{flex:1;display:flex;flex-direction:column;gap:8px}.winner-banner__prize .prize-card .prize-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0;line-height:1.3}@media (max-width: 768px){.winner-banner__prize .prize-card .prize-title{font-size:1rem}}.winner-banner__prize .prize-card .prize-badge{display:inline-flex;align-self:flex-start;padding:6px 14px;background:linear-gradient(135deg,#f89e00,#da2f68);border-radius:20px;box-shadow:0 4px 12px #f89e004d}.winner-banner__prize .prize-card .prize-badge span{font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.winner-banner__cta-button{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#f89e00,#da2f68);border:none;border-radius:50px;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;overflow:hidden;box-shadow:0 8px 24px #f89e0066,inset 0 1px #fff3;transition:transform .3s ease,box-shadow .3s ease}.winner-banner__cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.winner-banner__cta-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px #f89e0099,inset 0 1px #fff3}.winner-banner__cta-button:hover:before{left:100%}.winner-banner__cta-button:hover .button-icon{transform:translate(4px)}.winner-banner__cta-button:hover .button-glow{opacity:1}.winner-banner__cta-button:active{transform:translateY(0) scale(1)}.winner-banner__cta-button .button-text{position:relative;z-index:2}.winner-banner__cta-button .button-icon{position:relative;z-index:2;width:20px;height:20px;transition:transform .3s ease}.winner-banner__cta-button .button-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#fbbf24,#f89e00);border-radius:50px;filter:blur(10px);opacity:0;transition:opacity .3s ease;z-index:0}@media (max-width: 768px){.winner-banner__cta-button{padding:14px 28px;font-size:.875rem;gap:10px}.winner-banner__cta-button .button-icon{width:18px;height:18px}}@keyframes gradientShift{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes spotlightPulse{0%,to{opacity:.3;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-20px) scale(1.2);opacity:1}}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes crownGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes rotateGradient{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes sparkPosition{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@media (max-width: 768px){.winner-banner__container{padding:24px 16px}.winner-banner__prize .prize-card{flex-direction:column;text-align:center}.winner-banner__prize .prize-card__info{align-items:center}.winner-banner__prize .prize-card .prize-badge{align-self:center}}.pageNotFound{height:700px;padding-top:200px}.pageNotFound .contentWrapper{text-align:center;color:var(--black-light);display:flex;flex-direction:column}.pageNotFound .contentWrapper .bigText{font-size:150px;font-weight:700}.pageNotFound .contentWrapper .smallText{font-size:44px}.header{position:fixed;transform:translateY(0);width:100%;height:60px;z-index:999;display:flex;align-items:center;transition:all ease .5s;z-index:200}.header.top{background:#0003;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px)}.header.show{background-color:var(--black3)}.header.hide{transform:translateY(-60px)}.header .contentWrapper{display:flex;align-items:center;justify-content:space-between}.header .logo{z-index:10000;cursor:pointer}.header .logo img{height:50px}.header .menuItems{list-style-type:none;display:none;align-items:center}@media only screen and (min-width: 768px){.header .menuItems{display:flex}}.header .menuItems .menuItem{height:60px;display:flex;align-items:center;margin:0 15px;color:#fff;font-weight:500;position:relative;cursor:pointer}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .menuItems .menuItem svg{font-size:18px}.header .menuItems .menuItem:hover{color:var(--pink)}.header .menuItems .profile-btn{margin-left:10px}.header .menuItems .profile-btn .avatar-container{position:relative;width:35px;height:35px;border-radius:50%;overflow:hidden;background:var(--black-lighter);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.header .menuItems .profile-btn .avatar-container:hover{transform:scale(1.05)}.header .menuItems .profile-btn .avatar-container:before{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:var(--black3);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease}.header .menuItems .profile-btn .avatar-container:hover:before{opacity:1;visibility:visible}.header .menuItems .profile-btn .avatar-container .avatar{width:100%;height:100%;object-fit:cover}.header .menuItems .profile-btn .avatar-container svg{color:#fff}.header .mobileMenuItems{display:flex;align-items:center;gap:20px}@media only screen and (min-width: 768px){.header .mobileMenuItems{display:none}}.header .mobileMenuItems svg{font-size:18px;color:#fff}.header .mobileMenuItems .avatar-container.mobile{width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--black-lighter);display:flex;align-items:center;justify-content:center}.header .mobileMenuItems .avatar-container.mobile .avatar{width:100%;height:100%;object-fit:cover}.header .mobileMenuItems .avatar-container.mobile svg{color:#fff}.header.mobileView{background:var(--black3)}.header.mobileView .menuItems{display:flex;position:absolute;top:60px;left:0;background:var(--black3);flex-direction:column;width:100%;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);animation:mobileMenu .3s ease forwards}.header.mobileView .menuItems .menuItem{font-size:20px;width:100%;height:auto;padding:15px 20px;margin:0;display:flex;flex-direction:column;align-items:flex-start}.header.mobileView .menuItems .menuItem:last-child{display:none}.header .searchBar{width:100%;height:60px;background-color:#fff;position:absolute;top:60px;animation:mobileMenu .3s ease forwards}.header .searchBar .searchInput{display:flex;color:var(--black3);align-items:center;height:40px;margin-top:10px;width:100%}.header .searchBar .searchInput svg{font-size:20px;flex-shrink:0;margin-left:10px;cursor:pointer}.header .searchBar .searchInput input{width:100%;height:50px;background-color:#fff;color:var(--black3);outline:0;border:0;border-radius:30px 0 0 30px;padding:0 15px;font-size:14px}@media only screen and (min-width: 768px){.header .searchBar .searchInput input{height:60px;font-size:20px;padding:0 30px}}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}@media only screen and (max-width: 768px){.header .menuItems .profile-btn{display:none}}.footer{background-color:var(--black3);padding:50px 0;color:#fff;position:relative}.footer .teamMembers{display:flex;list-style-type:none;gap:10px;margin-bottom:1.7rem;align-items:center}.footer .teamMembers h4{font-size:1.1rem;color:#fff;font-weight:700}.footer .teamMembers ul{display:flex;gap:20px;flex-wrap:wrap}.footer .teamMembers ul li{list-style-type:none}.footer .contentWrapper{display:flex;align-items:center;flex-direction:column}.footer .menuItems{list-style-type:none;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .menuItems{margin-bottom:30px;gap:30px}}.footer .menuItems .menuItem{transition:all ease .3s;cursor:pointer;font-size:12px}@media only screen and (min-width: 768px){.footer .menuItems .menuItem{font-size:16px}}.footer .menuItems .menuItem:hover{color:var(--pink)}.footer .infoText{font-size:12px;line-height:20px;opacity:.5;text-align:center;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .infoText{font-size:14px;margin-bottom:30px}}.footer .socialIcons{display:flex;align-items:center;justify-content:center;gap:10px}.footer .socialIcons .icon{width:50px;height:50px;border-radius:50%;background-color:var(--black);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all ease .3s}.footer .socialIcons .icon:hover{box-shadow:0 0 .625em var(--pink);color:var(--pink)}.footer .contactInfo{text-align:center;margin-bottom:18px}.footer .contactInfo .contact-phone,.footer .contactInfo .contact-email{font-size:15px;color:#fff;margin:.2em 0}.footer .contactInfo .contact-phone span,.footer .contactInfo .contact-email span{font-weight:600;color:var(--pink);margin-right:6px}.footer .contactInfo .contact-phone a,.footer .contactInfo .contact-email a{color:var(--orange);text-decoration:none;font-weight:500;transition:color .2s}.footer .contactInfo .contact-phone a:hover,.footer .contactInfo .contact-email a:hover{color:var(--pink);text-decoration:underline}.footer .footer-credits{text-align:center;font-size:14px;color:#b0b0b0;margin-top:3rem;border-top:1px solid white;padding:1rem 0 0}.footer .footer-credits .contact-email{font-size:15px;padding:.5rem 0;margin:.2em 0}.footer .footer-credits a{color:var(--pink);font-weight:600;text-decoration:none;transition:color .2s}.footer .footer-credits a:hover{color:var(--orange);text-decoration:underline}.admin-btn{display:inline-block;padding:.5em 1.5em;background:var(--gradient);color:#fff!important;border-radius:25px;font-weight:600;font-size:14px;letter-spacing:.5px;box-shadow:0 2px 12px #da2f6826;transition:background .3s,color .3s,transform .2s,box-shadow .3s;border:none;outline:none;cursor:pointer;margin-left:10px}.admin-btn:hover,.admin-btn:focus{background:linear-gradient(98.37deg,#da2f68 .99%,#f89e00);color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 4px 18px #da2f6840;text-decoration:none}.detailsBanner{width:100%;background-color:var(--black);padding-top:100px;margin-bottom:50px}@media only screen and (min-width: 768px){.detailsBanner{margin-bottom:0;padding-top:120px;min-height:700px}}.detailsBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.1;overflow:hidden}.detailsBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.detailsBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;z-index:-1;object-position:center}.detailsBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,#04152d00,#04152d 79.17%);position:absolute;bottom:0;z-index:-1;left:0}.detailsBanner .content{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.detailsBanner .content{gap:50px;flex-direction:row}}.detailsBanner .content .left{flex-shrink:0}.detailsBanner .content .left .posterImg{width:100%;display:block;border-radius:12px}@media only screen and (min-width: 768px){.detailsBanner .content .left .posterImg{max-width:350px}}@media only screen and (min-width: 1536px){.detailsBanner .content .left .posterImg{max-width:450px}}.detailsBanner .content .right{color:#fff}.detailsBanner .content .right .title{font-size:1.5rem;line-height:1.5}@media only screen and (min-width: 768px){.detailsBanner .content .right .title{font-size:2vmax;line-height:1.5}}.detailsBanner .content .right .subtitle{font-size:1rem;line-height:24px;margin-bottom:15px;font-style:italic;opacity:.5}@media only screen and (min-width: 768px){.detailsBanner .content .right .subtitle{font-size:1.3vmax;line-height:28px}}.detailsBanner .content .right .genres{margin-bottom:25px;flex-flow:row wrap}.detailsBanner .content .right .overview{margin-bottom:25px}.detailsBanner .content .right .overview .heading{font-size:1rem;margin-bottom:10px}.detailsBanner .content .right .overview .description{line-height:1.2;font-size:1rem}@media only screen and (min-width: 768px){.detailsBanner .content .right .overview .description{padding-right:100px;font-size:1.2vmax}}.detailsBanner .content .right .circleRating{max-width:70px;background-color:var(--black2)}@media only screen and (min-width: 768px){.detailsBanner .content .right .circleRating{max-width:90px}}.detailsBanner .content .right .circleRating .CircularProgressbar-text{fill:#fff}.detailsBanner .content .right .playbtn{display:flex;align-items:center;gap:20px;cursor:pointer}.detailsBanner .content .right .playbtn svg{width:60px}@media only screen and (min-width: 768px){.detailsBanner .content .right .playbtn svg{width:80px}}.detailsBanner .content .right .playbtn .text{font-size:20px;transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.detailsBanner .content .right .playbtn:hover .text{color:var(--pink)}.detailsBanner .content .right .playbtn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.detailsBanner .content .right .playbtn:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.detailsBanner .content .right .cart-wrapper1{display:flex;gap:1rem;align-items:center;width:100%}.detailsBanner .content .right .cart-wrapper{display:flex;gap:1rem;align-items:center}.detailsBanner .content .right .cart-wrapper .cart-div{display:flex;width:100%;justify-content:space-between;align-items:center;gap:1rem}.detailsBanner .content .right .cart-wrapper .quantity-controls{display:flex;align-items:center;gap:12px;margin:16px 0;background:var(--black3);padding:8px;border-radius:8px;width:fit-content}.detailsBanner .content .right .cart-wrapper .quantity-controls .quantity-btn{background:var(--black-lighter);border:none;color:#fff;width:32px;height:32px;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.detailsBanner .content .right .cart-wrapper .quantity-controls .quantity-btn:hover:not(:disabled){background:var(--gradient)}.detailsBanner .content .right .cart-wrapper .quantity-controls .quantity-btn:disabled{cursor:not-allowed}.detailsBanner .content .right .cart-wrapper .quantity-controls .quantity{font-size:16px;font-weight:600;min-width:40px;text-align:center}.detailsBanner .content .right .price{font-size:1.5rem;font-weight:600;margin-bottom:10px}@media only screen and (min-width: 768px){.detailsBanner .content .right .price{font-size:1.6vmax}}.detailsBanner .content .right .actual-price{font-size:1.2rem;text-decoration:line-through;color:var(--white);opacity:.5}@media only screen and (min-width: 768px){.detailsBanner .content .right .actual-price{font-size:1.4vmax}}.detailsBanner .content .right .cartBtn{margin:1rem 0;padding:8px 16px;border-radius:30px;background-color:var(--pink);color:#fff;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease}.detailsBanner .content .right .cartBtn:hover{background-color:#ff0054;transform:scale(1.05)}.detailsBanner .content .right .cartBtn.in-cart{background-color:var(--black-light)}.detailsBanner .content .right .cartBtn.in-cart:hover{background-color:#555}.detailsBanner .content .right .cartBtn:disabled{opacity:.7;cursor:not-allowed}.detailsBanner .content .right .row{display:flex;align-items:center;gap:20px;margin-bottom:25px}.detailsBanner .content .right .info{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;display:flex}.detailsBanner .content .right .info .infoItem{margin-right:10px;display:flex;flex-flow:row wrap}.detailsBanner .content .right .info .text{margin-right:10px;opacity:.5;line-height:24px}.detailsBanner .content .right .info .text.bold{font-weight:600;opacity:1}.detailsBanner .detailsBannerSkeleton{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.detailsBanner .detailsBannerSkeleton{gap:50px;flex-direction:row}}.detailsBanner .detailsBannerSkeleton .contentWrapper{display:flex;gap:50px}.detailsBanner .detailsBannerSkeleton .left{flex-shrink:0;width:100%;display:block;border-radius:12px;aspect-ratio:1/1.5}@media only screen and (min-width: 768px){.detailsBanner .detailsBannerSkeleton .left{max-width:350px}}.detailsBanner .detailsBannerSkeleton .right{width:100%}.detailsBanner .detailsBannerSkeleton .right .row{width:100%;height:25px;margin-bottom:20px;border-radius:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(2){width:75%;margin-bottom:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(5){width:50%;margin-bottom:50px}.game-description-section{margin-top:30px;padding:30px 0;border-top:1px solid rgba(255,255,255,.1)}.game-description-section .heading{font-size:2rem;color:#fff;margin-bottom:20px;font-weight:700}@media only screen and (min-width: 768px){.game-description-section .heading{font-size:2vmax}}.game-description-section .description-content{z-index:1000;color:#fffc;line-height:1.7;font-size:16px}.game-description-section .description-content h1,.game-description-section .description-content h2,.game-description-section .description-content h3,.game-description-section .description-content h4{margin:15px 0 10px;color:#fff}.game-description-section .description-content h1{font-size:24px}.game-description-section .description-content h2{font-size:22px}.game-description-section .description-content h3{font-size:20px}.game-description-section .description-content h4{font-size:18px}.game-description-section .description-content ul,.game-description-section .description-content ol{margin-left:20px;margin-bottom:15px}.game-description-section .description-content ul li,.game-description-section .description-content ol li{margin-bottom:8px}.game-description-section .description-content strong{font-weight:700;color:#fff}.game-description-section .description-content a{color:#3891ff;text-decoration:underline}.game-description-section .description-content a:hover{color:#5dabff}.game-description-section .description-content p{margin-bottom:15px}.game-description-section .description-content blockquote{border-left:4px solid rgba(255,255,255,.3);padding-left:15px;font-style:italic;margin:15px 0}.game-description-section .description-content code{background:#0003;padding:2px 5px;border-radius:3px;font-family:monospace}@media screen and (max-width: 768px){.cart-wrapper{flex-direction:column;justify-content:start;align-items:start}.game-description-section{padding:20px 0}.game-description-section .heading{font-size:20px}.game-description-section .description-content{font-size:14px}.game-description-section .description-content h1{font-size:20px}.game-description-section .description-content h2{font-size:18px}.game-description-section .description-content h3{font-size:16px}.game-description-section .description-content h4{font-size:15px}}.videoPopup{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;z-index:9}.videoPopup .opacityLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);opacity:0;transition:opacity .4s}.videoPopup .videoPlayer{position:relative;width:800px;aspect-ratio:16/9;background-color:#fff;transform:scale(.2);transition:transform .25s}.videoPopup .videoPlayer .closeBtn{position:absolute;top:-20px;right:0;color:#fff;cursor:pointer}.videoPopup.visible{opacity:1;visibility:visible}.videoPopup.visible .opacityLayer{opacity:1}.videoPopup.visible .videoPlayer{transform:scale(1)}.castSection{position:relative;margin-bottom:50px}.castSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.castSection .listItems{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .listItems{margin:0;padding:0}}.castSection .listItems .listItem{text-align:center;color:#fff}.castSection .listItems .listItem .profileImg{width:125px;height:125px;border-radius:50%;overflow:hidden;margin-bottom:15px}@media only screen and (min-width: 768px){.castSection .listItems .listItem .profileImg{width:175px;height:175px;margin-bottom:25px}}.castSection .listItems .listItem .profileImg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.castSection .listItems .listItem .name{font-size:14px;line-height:20px;font-weight:600}@media only screen and (min-width: 768px){.castSection .listItems .listItem .name{font-size:18px;line-height:24px}}.castSection .listItems .listItem .character{font-size:14px;line-height:20px;opacity:.5}@media only screen and (min-width: 768px){.castSection .listItems .listItem .character{font-size:16px;line-height:24px}}.castSection .castSkeleton{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .castSkeleton{margin:0;padding:0}}.castSection .castSkeleton .skItem .circle{width:125px;height:125px;border-radius:50%;margin-bottom:15px}@media only screen and (min-width: 768px){.castSection .castSkeleton .skItem .circle{width:175px;height:175px;margin-bottom:25px}}.castSection .castSkeleton .skItem .row{width:100%;height:20px;border-radius:10px;margin-bottom:10px}.castSection .castSkeleton .skItem .row2{width:75%;height:20px;border-radius:10px;margin:0 auto}.videosSection{position:relative;margin-bottom:50px}.videosSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.videosSection .videos{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videos{gap:20px;margin:0;padding:0}}.videosSection .videos .videoItem{width:150px;flex-shrink:0;cursor:pointer}@media only screen and (min-width: 768px){.videosSection .videos .videoItem{width:25%}}.videosSection .videos .videoItem .videoThumbnail{margin-bottom:15px;position:relative}.videosSection .videos .videoItem .videoThumbnail img{width:100%;display:block;border-radius:12px;transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.videosSection .videos .videoItem .videoThumbnail .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover img{opacity:.5}.videosSection .videos .videoItem .videoThumbnail:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.videosSection .videos .videoItem .videoTitle{color:#fff;font-size:14px;line-height:20px}@media only screen and (min-width: 768px){.videosSection .videos .videoItem .videoTitle{font-size:16px;line-height:24px}}.videosSection .videoSkeleton{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videoSkeleton{gap:20px;margin:0;padding:0}}.videosSection .videoSkeleton .skItem{width:150px;flex-shrink:0}@media only screen and (min-width: 768px){.videosSection .videoSkeleton .skItem{width:25%}}.videosSection .videoSkeleton .skItem .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row{height:20px;width:100%;border-radius:10px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row2{height:20px;width:75%;border-radius:10px}.carousel{margin-top:2rem;margin-bottom:50px}.carousel .contentWrapper{position:relative}.carousel .carouselTitle{font-size:24px;color:#fff;margin-bottom:20px;font-weight:400}.carousel .arrow{font-size:30px;color:#fff;position:absolute;top:44%;transform:translateY(-50%);cursor:pointer;opacity:.5;z-index:1;display:none}@media only screen and (min-width: 768px){.carousel .arrow{display:block}}.carousel .arrow:hover{opacity:.8}.carousel .carouselLeftNav{left:30px}.carousel .carouselRightNav{right:30px}.carousel .loadingSkeleton{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .loadingSkeleton{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .loadingSkeleton .skeletonItem{width:125px;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .loadingSkeleton .skeletonItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .loadingSkeleton .skeletonItem{width:calc(20% - 16px)}}.carousel .loadingSkeleton .skeletonItem .posterBlock{border-radius:12px;width:100%;aspect-ratio:1/1.5;margin-bottom:30px}.carousel .loadingSkeleton .skeletonItem .textBlock{display:flex;flex-direction:column}.carousel .loadingSkeleton .skeletonItem .textBlock .title{line-height:1.2;width:100%;margin-bottom:10px}.carousel .loadingSkeleton .skeletonItem .textBlock .date{width:75%;height:20px}.carousel .carouselItems{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .carouselItems{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .carouselItems .carouselItem{width:125px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .carouselItems .carouselItem{width:calc(20% - 16px)}}.carousel .carouselItems .carouselItem .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px 5px}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#fff;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:50px;height:50px}}.carousel .carouselItems .carouselItem .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.carousel .carouselItems .carouselItem .textBlock{color:#fff;display:flex;flex-direction:column}.carousel .carouselItems .carouselItem .textBlock .title{line-height:1.2;font-size:11px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .textBlock .title{font-size:12px}}.carousel .carouselItems .carouselItem .textBlock .date{font-size:14px;opacity:.5}:root{--black: #04152d;--black2: #041226;--black3: #020c1b;--black-lighter: #1c4b91;--black-light: #173d77;--pink: #da2f68;--orange: #f89e00;--gradient: linear-gradient(98.37deg, #f89e00 .99%, #da2f68 100%)}.game-reviews-container{background-color:var(--black3);color:#fff;min-height:10vh;height:100%;padding:2rem;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;line-height:1.4}.game-reviews-container .reviews-wrapper{margin:0 auto}.game-reviews-container .page-title{font-size:2rem;font-weight:700;margin-bottom:2rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.game-reviews-container .section-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.game-reviews-container .loading{color:#9ca3af;text-align:center;padding:2rem 0}.game-reviews-container .error-alert{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:1rem;border-radius:4px;margin-bottom:1.5rem}.review-form-container{background-color:var(--black2);border-radius:8px;padding:1.5rem;margin-bottom:2.5rem;box-shadow:0 4px 12px #0000004d;border:1px solid var(--black-lighter)}.review-form-container .form-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.review-form-container .form-row{grid-template-columns:1fr 1fr}}.review-form-container .form-group{margin-bottom:1.5rem}.review-form-container .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.review-form-container .form-group input,.review-form-container .form-group select,.review-form-container .form-group textarea{width:100%;padding:.75rem;background-color:var(--black3);border:1px solid var(--black-lighter);border-radius:4px;color:#fff}.review-form-container .form-group input:focus,.review-form-container .form-group select:focus,.review-form-container .form-group textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 2px #da2f6840}.review-form-container .form-group input::placeholder,.review-form-container .form-group select::placeholder,.review-form-container .form-group textarea::placeholder{color:#ffffff80}.review-form-container .form-group textarea{resize:vertical;min-height:120px}.review-form-container .rating-stars{display:flex;align-items:center;gap:.25rem}.review-form-container .star{color:#6b7280;transition:color .2s ease-in-out}.review-form-container .star.active{color:var(--orange);fill:var(--orange)}.review-form-container .star.interactive{cursor:pointer}.review-form-container .star.interactive:hover{transform:scale(1.1)}.review-form-container .error-message{color:var(--pink);font-size:.875rem;margin-top:.25rem}.review-form-container .submit-button,.review-form-container .cancel-button{padding:.75rem 1.5rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s ease;margin-right:.75rem}.review-form-container .submit-button:hover,.review-form-container .cancel-button:hover{opacity:.9}.review-form-container .submit-button:disabled,.review-form-container .cancel-button:disabled{opacity:.6;cursor:not-allowed}.review-form-container .submit-button{background:var(--gradient);color:#fff}.review-form-container .cancel-button{background:transparent;color:#fff;border:1px solid var(--black-lighter)}.review-form-container .success-message{background:var(--gradient);padding:1rem;border-radius:4px;margin-bottom:1.5rem;color:#fff;font-weight:500}.review-form-container .login-prompt,.review-form-container .already-reviewed{padding:1rem;background-color:var(--black3);border-radius:4px;margin-bottom:1rem}.review-form-container .login-prompt button,.review-form-container .already-reviewed button{background:transparent;color:var(--pink);border:none;font-weight:700;cursor:pointer;padding:0;margin:0 .25rem}.review-form-container .login-prompt button:hover,.review-form-container .already-reviewed button:hover{text-decoration:underline}.reviews-list .review-card{background-color:var(--black2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0003;border:1px solid var(--black-lighter)}.reviews-list .review-card .review-header{display:flex;gap:1rem}.reviews-list .review-card .user-avatar{width:3rem;height:3rem;border-radius:50%;object-fit:cover}.reviews-list .review-card .review-content{flex:1}.reviews-list .review-card .review-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reviews-list .review-card .review-meta .reviewer-name{font-weight:700;font-size:1.125rem}.reviews-list .review-card .review-meta .review-date{font-size:.875rem;color:#9ca3af}.reviews-list .review-card .game-badge{margin-bottom:.5rem}.reviews-list .review-card .game-badge span{background-color:var(--black-light);border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;display:inline-block}.reviews-list .review-card .rating-display{display:flex;margin-bottom:.75rem}.reviews-list .review-card .review-text{color:#e5e7eb;margin-bottom:1rem;line-height:1.5}.reviews-list .review-card .review-actions{display:flex;gap:1rem;color:#9ca3af;font-size:.875rem}.reviews-list .review-card .review-actions .like-button,.reviews-list .review-card .review-actions .replies-count,.reviews-list .review-card .review-actions .edit-button,.reviews-list .review-card .review-actions .delete-button{display:flex;align-items:center;gap:.25rem}.reviews-list .review-card .review-actions .like-button,.reviews-list .review-card .review-actions .edit-button,.reviews-list .review-card .review-actions .delete-button{background:none;border:none;color:inherit;cursor:pointer;transition:color .2s ease;padding:0}.reviews-list .review-card .review-actions .like-button:hover{color:var(--pink)}.reviews-list .review-card .review-actions .edit-button:hover{color:var(--orange)}.reviews-list .review-card .review-actions .delete-button:hover{color:var(--pink)}.reviews-list .no-reviews{color:#9ca3af}@media (max-width: 640px){.game-reviews-container,.review-form-container,.review-card{padding:1rem}.review-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.review-actions{flex-wrap:wrap;row-gap:.5rem}}.rating-display{display:flex;align-items:center;gap:4px}.rating-display .star{stroke:gold;fill:transparent}.rating-display .star.active{fill:gold}.searchResultsPage{min-height:700px;padding-top:100px}.searchResultsPage .resultNotFound{font-size:24px;color:var(--black-light)}.searchResultsPage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:25px}.searchResultsPage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.searchResultsPage .content{gap:20px}}.searchResultsPage .content .movieCard .posterBlock{margin-bottom:20px}.loadingSpinner{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center}.loadingSpinner .spinner{animation:rotate 2s linear infinite;z-index:2;width:50px;height:50px}.loadingSpinner .spinner .path{stroke:#93bfec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.loadingSpinner.initial{height:700px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.explorePage{min-height:700px;padding-top:100px}.explorePage .resultNotFound{font-size:24px;color:var(--black-light)}.explorePage .pageHeader{display:flex;justify-content:space-between;margin-bottom:25px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .pageHeader{flex-direction:row}}.explorePage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:20px}@media only screen and (min-width: 768px){.explorePage .pageTitle{margin-bottom:0}}.explorePage .filters{display:flex;gap:10px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .filters{flex-direction:row}}.explorePage .filters .react-select-container.genresDD{width:100%}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.genresDD{max-width:500px;min-width:250px}}.explorePage .filters .react-select-container.sortbyDD{width:100%;flex-shrink:0}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.sortbyDD{width:250px}}.explorePage .filters .react-select-container .react-select__control{border:0;outline:0;box-shadow:none;background-color:var(--black-light);border-radius:20px}.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__placeholder,.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__input-container{color:#fff;margin:0 10px}.explorePage .filters .react-select-container .react-select__control .react-select__single-value{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value{background-color:var(--black3);border-radius:10px}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__label{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove{background-color:transparent;color:#fff;cursor:pointer}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover{color:var(--black-lighter)}.explorePage .filters .react-select-container .react-select__menu{top:40px;margin:0;padding:0}.explorePage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:30px}@media only screen and (min-width: 768px){.explorePage .content{gap:20px}}.explorePage .content .movieCard .posterBlock{margin-bottom:30px}.explorePage .pagination{display:flex;align-items:center;justify-content:center;margin:30px 0 50px}.explorePage .pagination .navButton{background:var(--black-light);color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .3s ease}.explorePage .pagination .navButton:hover:not(:disabled){background:var(--black-lighter)}.explorePage .pagination .navButton:disabled{opacity:.5;cursor:not-allowed}.explorePage .pagination .navButton.prev{margin-right:10px}.explorePage .pagination .navButton.next{margin-left:10px}.explorePage .pagination .pageNumbers{display:flex;align-items:center}.explorePage .pagination .pageNumbers button{background:var(--black3);color:#fff;border:none;width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin:0 5px;border-radius:6px;cursor:pointer;transition:all .3s ease}.explorePage .pagination .pageNumbers button:hover{background:var(--black-light)}.explorePage .pagination .pageNumbers button.active{background:var(--gradient)}.explorePage .pagination .pageNumbers .ellipsis{color:#fff;margin:0 5px}.cart-container{max-width:1200px;margin:0 auto;padding:5rem 1rem;color:#fff;min-height:80vh}@media (max-width: 768px){.cart-container{padding:5rem .75rem}}.cart-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.cart-header h1{font-size:1.75rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width: 768px){.cart-header h1{font-size:1.5rem}}.cart-header span{background-color:var(--black-light);padding:.5rem 1rem;border-radius:20px;font-size:.875rem}@media (max-width: 480px){.cart-header span{display:none}}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.empty-cart .empty-cart-icon{font-size:3rem;margin-bottom:1rem}.empty-cart h2{margin-bottom:.5rem;font-size:1.5rem}.empty-cart p{margin-bottom:1.5rem;color:#b0b0b0;max-width:400px}.empty-cart .browse-games-btn{padding:.75rem 1.5rem;background:var(--gradient);border:none;border-radius:4px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s ease}.empty-cart .browse-games-btn:hover{opacity:.9}.cart-items{margin-bottom:1.5rem}.cart-item{display:flex;background-color:var(--black2);border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 8px #0003}.cart-item.compact{max-height:200px}@media (max-width: 640px){.cart-item.compact{max-height:none}}@media (max-width: 640px){.cart-item{flex-direction:column}}.cart-item .item-image{width:120px;height:150px;flex-shrink:0;background-color:#222}@media (max-width: 640px){.cart-item .item-image{width:100%;height:170px}}.cart-item .item-image img{width:100%;height:100%;object-fit:contain}.cart-item .item-details{flex:1;padding:.75rem;display:flex;flex-direction:column}.cart-item .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.cart-item .item-header h3{font-size:1.125rem;margin-right:.5rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.cart-item .item-header h3{max-width:80%}}.cart-item .item-header .item-year{background-color:var(--black-lighter);padding:.2rem .4rem;border-radius:4px;font-size:.75rem}.cart-item .item-pricing{margin-bottom:.75rem}.cart-item .item-pricing .price-lifetime{font-size:1rem;color:var(--orange);font-weight:600;margin-bottom:.25rem}.cart-item .item-pricing .rental-duration{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.cart-item .item-pricing .rental-duration label{font-size:.8rem;white-space:nowrap}.cart-item .item-pricing .rental-duration select{background-color:var(--black3);border:1px solid var(--black-lighter);padding:.3rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer}.cart-item .item-pricing .rental-duration select:focus{outline:none;border-color:var(--pink)}.cart-item .quantity-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.cart-item .quantity-controls label{font-size:.9rem;color:#b0b0b0;white-space:nowrap}.cart-item .quantity-controls .quantity-input-group{display:flex;align-items:center;background-color:var(--black3);border-radius:6px;overflow:hidden;border:1px solid var(--black-lighter)}.cart-item .quantity-controls .quantity-input-group .quantity-btn{background-color:transparent;border:none;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .2s ease}.cart-item .quantity-controls .quantity-input-group .quantity-btn:hover:not(:disabled){background-color:var(--black-lighter);color:var(--orange)}.cart-item .quantity-controls .quantity-input-group .quantity-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item .quantity-controls .quantity-input-group .quantity-btn.decrease{border-right:1px solid var(--black-lighter)}.cart-item .quantity-controls .quantity-input-group .quantity-btn.increase{border-left:1px solid var(--black-lighter)}.cart-item .quantity-controls .quantity-input-group .quantity-display{min-width:40px;text-align:center;font-weight:600;font-size:.95rem;color:#fff;padding:0 .5rem}@media (max-width: 640px){.cart-item .quantity-controls{flex-direction:column;align-items:flex-start;gap:.5rem}.cart-item .quantity-controls .quantity-input-group{align-self:flex-start}}.cart-item .item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}@media (max-width: 768px){.cart-item .item-actions{flex-direction:column;align-items:flex-start;gap:.5rem}}.cart-item .item-actions .remove-btn{background-color:transparent;border:1px solid var(--pink);color:var(--pink);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.cart-item .item-actions .remove-btn:hover{background-color:var(--pink);color:#fff}.cart-item .item-actions .item-total{font-weight:600;font-size:1rem;text-align:right}.cart-item .item-actions .item-total .quantity-breakdown{font-size:.8rem;color:#b0b0b0;font-weight:400;margin-top:.25rem}@media (max-width: 768px){.cart-item .item-actions .item-total{text-align:left}}.cart-summary{background-color:var(--black2);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0003}.cart-summary .summary-header{background:var(--gradient);padding:.75rem 1rem}.cart-summary .summary-header h2{color:#fff;font-size:1.25rem}.cart-summary .summary-details{padding:1.25rem}.cart-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.cart-summary .summary-row.discount{color:var(--orange)}.cart-summary .summary-row.total{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--black-lighter);font-size:1.25rem;font-weight:700}.cart-summary .offers-section{margin:1.5rem 0;padding:1rem;background-color:var(--black3);border-radius:8px}.cart-summary .offers-section h3{font-size:1.1rem;margin-bottom:1rem;color:#fff}.cart-summary .offers-section .offers-list{display:flex;flex-direction:column;gap:.75rem}.cart-summary .offers-section .offer-item{background-color:var(--black2);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.cart-summary .offers-section .offer-item:hover{border-color:var(--orange);transform:translateY(-2px)}.cart-summary .offers-section .offer-item.selected{border-color:var(--orange);background-color:#f89e001a}.cart-summary .offers-section .offer-item .offer-details{display:flex;align-items:flex-start;gap:1rem}.cart-summary .offers-section .offer-item .offer-details input[type=radio]{margin-top:.25rem;cursor:pointer;accent-color:var(--orange);width:16px;height:16px}.cart-summary .offers-section .offer-item .offer-details .offer-content{flex:1}.cart-summary .offers-section .offer-item .offer-details .offer-content .offer-name{font-weight:600;font-size:1rem;margin-bottom:.25rem;color:#fff}.cart-summary .offers-section .offer-item .offer-details .offer-content .offer-description{font-size:.9rem;color:#b0b0b0;margin-bottom:.5rem;line-height:1.4}.cart-summary .offers-section .offer-item .offer-details .offer-content .offer-discount{font-size:.95rem;color:var(--orange);font-weight:500}.cart-summary .offers-section .offer-item .offer-details .offer-content .offer-note{font-size:.8rem;color:#8a8a8a;margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.cart-summary .offers-section .offer-item .offer-details .offer-content .offer-note:before{content:"•";color:var(--orange)}.cart-summary .coupon-section{margin:1.25rem 0}.cart-summary .coupon-section h3{font-size:1rem;margin-bottom:.75rem}.cart-summary .coupon-section .applied-coupon{display:flex;justify-content:space-between;align-items:center;background-color:#ff69b41a;border:1px solid var(--pink);border-radius:4px;padding:.75rem}.cart-summary .coupon-section .applied-coupon .coupon-info{display:flex;flex-direction:column;gap:.25rem}.cart-summary .coupon-section .applied-coupon .coupon-info .coupon-code{font-weight:600;font-size:.9rem}.cart-summary .coupon-section .applied-coupon .coupon-info .coupon-discount{font-size:.8rem;color:var(--orange)}.cart-summary .coupon-section .applied-coupon .remove-coupon-btn{background-color:transparent;border:1px solid var(--pink);color:var(--pink);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.cart-summary .coupon-section .applied-coupon .remove-coupon-btn:hover{background-color:var(--pink);color:#fff}.cart-summary .coupon-section .coupon-form .coupon-input-group{display:flex;gap:.5rem}@media (max-width: 480px){.cart-summary .coupon-section .coupon-form .coupon-input-group{flex-direction:column}}.cart-summary .coupon-section .coupon-form .coupon-input-group .coupon-input{flex:1;background-color:var(--black3);border:1px solid var(--black-lighter);border-radius:4px;padding:.6rem .75rem;color:#fff;font-size:.9rem}.cart-summary .coupon-section .coupon-form .coupon-input-group .coupon-input:focus{outline:none;border-color:var(--pink)}.cart-summary .coupon-section .coupon-form .coupon-input-group .coupon-input::placeholder{color:#8a8a8a}.cart-summary .coupon-section .coupon-form .coupon-input-group .apply-coupon-btn{background:var(--gradient);border:none;border-radius:4px;color:#fff;padding:.6rem 1rem;font-weight:500;cursor:pointer;transition:opacity .2s ease;white-space:nowrap}.cart-summary .coupon-section .coupon-form .coupon-input-group .apply-coupon-btn:hover{opacity:.9}.cart-summary .coupon-section .coupon-form .coupon-input-group .apply-coupon-btn:disabled{opacity:.6;cursor:not-allowed}.cart-summary .coupon-section .coupon-form .coupon-error{color:#ff4d4d;font-size:.8rem;margin-top:.5rem}.cart-summary .summary-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.cart-summary .summary-actions .checkout-btn{background:var(--gradient);border:none;border-radius:4px;color:#fff;padding:.875rem;font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .2s ease;position:relative;overflow:hidden}.cart-summary .summary-actions .checkout-btn:hover{opacity:.9}.cart-summary .summary-actions .checkout-btn:disabled{opacity:.6;cursor:not-allowed}.cart-summary .summary-actions .checkout-btn.processing:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{to{left:100%}}.cart-summary .summary-actions .clear-cart-btn{background-color:transparent;border:1px solid #8a8a8a;color:#8a8a8a;border-radius:4px;padding:.75rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.cart-summary .summary-actions .clear-cart-btn:hover{background-color:#8a8a8a;color:var(--black2)}.cart-summary .summary-actions .clear-cart-btn:disabled{opacity:.6;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,var(--black2) 25%,var(--black-lighter) 50%,var(--black2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.offers-section,.offers-section .offer-item{padding:.75rem}.offers-section .offer-item .offer-details{gap:.75rem}.offers-section .offer-item .offer-details input[type=radio]{width:14px;height:14px}.offers-section .offer-item .offer-details .offer-content .offer-name{font-size:.95rem}.offers-section .offer-item .offer-details .offer-content .offer-description{font-size:.85rem}.offers-section .offer-item .offer-details .offer-content .offer-discount{font-size:.9rem}}.password-reset-notice{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #f0c14b;border-radius:12px;padding:16px 20px;margin-bottom:20px;position:relative;display:flex;align-items:flex-start;gap:12px;box-shadow:0 2px 8px #f0c14b26;animation:slideDown .3s ease-out}.password-reset-notice .notice-icon{font-size:20px;flex-shrink:0;margin-top:2px}.password-reset-notice .notice-content{flex:1}.password-reset-notice .notice-content p{margin:0 0 12px;font-size:14px;line-height:1.4;color:#856404}.password-reset-notice .notice-content p strong{color:#533300;font-weight:600}.password-reset-notice .notice-content .notice-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #f39c124d}.password-reset-notice .notice-content .notice-btn:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-1px);box-shadow:0 4px 8px #f39c1266}.password-reset-notice .notice-content .notice-btn:active{transform:translateY(0);box-shadow:0 2px 4px #f39c124d}.password-reset-notice .notice-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:20px;color:#856404;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.password-reset-notice .notice-close:hover{background:#8564041a;color:#533300}.password-reset-notice .notice-close:active{background:#85640433}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.password-reset-notice{padding:14px 16px;margin-bottom:16px}.password-reset-notice .notice-content p{font-size:13px}.password-reset-notice .notice-content .notice-btn{padding:6px 12px;font-size:12px}}@media (prefers-color-scheme: dark){.password-reset-notice{background:linear-gradient(135deg,#2c1810,#3d2317);border-color:#8b6914}.password-reset-notice .notice-content p{color:#ffc107}.password-reset-notice .notice-content p strong{color:#fff3cd}.password-reset-notice .notice-content .notice-btn{background:linear-gradient(135deg,#ffc107,#ffb300);color:#000}.password-reset-notice .notice-content .notice-btn:hover{background:linear-gradient(135deg,#ffb300,#ffa000)}.password-reset-notice .notice-close{color:#ffc107}.password-reset-notice .notice-close:hover{background:#ffc1071a;color:#fff3cd}}@media (prefers-contrast: high){.password-reset-notice{background:#fffbf0;border:2px solid #cc8800}.password-reset-notice .notice-content p{color:#630}.password-reset-notice .notice-content p strong{color:#000}.password-reset-notice .notice-content .notice-btn{background:#c80;border:1px solid #996600}.password-reset-notice .notice-content .notice-btn:hover{background:#960}.password-reset-notice .notice-close{color:#630;border:1px solid transparent}.password-reset-notice .notice-close:hover{background:#f0f0f0;border-color:#c80}}.password-reset-notice .notice-btn:focus,.password-reset-notice .notice-close:focus{outline:2px solid #0066cc;outline-offset:2px}@media (prefers-reduced-motion: reduce){.password-reset-notice{animation:none}.notice-btn,.notice-close{transition:none}.notice-btn:hover,.notice-close:hover{transform:none}}.auth-container{position:relative;min-height:100vh;padding:3rem 0;display:flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif;color:#fff;overflow:hidden}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/api/placeholder/1920/1080);background-size:cover;background-position:center;z-index:-2}.auth-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black);opacity:.7;z-index:-1}.auth-background .background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,var(--black) 120%);z-index:-1}.auth-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;z-index:1}.auth-logo{display:flex;align-items:center;margin-bottom:2.5rem}.auth-logo .logo-icon{width:48px;height:48px;background:var(--gradient);display:flex;justify-content:center;align-items:center;border-radius:12px;font-size:24px;font-weight:700;margin-right:12px;box-shadow:0 4px 10px #da2f684d}.auth-logo .logo-text{font-size:24px;font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px}.auth-card{width:100%;max-width:450px;background-color:var(--black2);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(28,75,145,.2);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{display:flex;border-bottom:1px solid var(--black-lighter)}.auth-tabs .tab-btn{flex:1;background:none;border:none;padding:1rem;font-size:1rem;font-weight:600;color:#b0b0b0;cursor:pointer;transition:all .3s ease;position:relative}.auth-tabs .tab-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient);transform:scaleX(0);transition:transform .3s ease}.auth-tabs .tab-btn.active{color:#fff}.auth-tabs .tab-btn.active:after{transform:scaleX(1)}.auth-tabs .tab-btn:hover:not(.active){color:#fff;background-color:#1c4b911a}.auth-form-container{padding:2rem}.auth-form h2{font-size:1.5rem;margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-form .form-subtitle{font-size:.875rem;color:#b0b0b0;margin-bottom:1.5rem}.auth-form .form-group{margin-bottom:1.25rem}.auth-form .form-group label{display:block;font-size:.875rem;margin-bottom:.5rem;color:#e0e0e0}.auth-form .form-group .input-wrapper{position:relative}.auth-form .form-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.auth-form .form-group .input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--black3);border:1px solid var(--black-lighter);border-radius:8px;color:#fff;font-size:.875rem;transition:all .3s ease}.auth-form .form-group .input-wrapper input:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 2px #da2f6833}.auth-form .form-group .input-wrapper input::placeholder{color:#6f7a92}.auth-form .form-extras{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.8125rem}.auth-form .form-extras .remember-me{display:flex;align-items:center}.auth-form .form-extras .remember-me input[type=checkbox]{margin-right:.5rem;accent-color:var(--pink)}.auth-form .form-extras .forgot-password{color:var(--pink);text-decoration:none;transition:opacity .2s ease}.auth-form .form-extras .forgot-password:hover{opacity:.8;text-decoration:underline}.auth-form .terms-agreement{display:flex;align-items:flex-start;margin-bottom:1.5rem;font-size:.8125rem}.auth-form .terms-agreement input[type=checkbox]{margin-right:.5rem;margin-top:3px;accent-color:var(--pink)}.auth-form .terms-agreement a{color:var(--pink);text-decoration:none}.auth-form .terms-agreement a:hover{text-decoration:underline}.auth-form .submit-btn{width:100%;padding:.875rem;background:var(--gradient);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;position:relative;overflow:hidden}.auth-form .submit-btn:hover{box-shadow:0 4px 12px #da2f684d}.auth-form .submit-btn:active{transform:translateY(1px)}.auth-form .submit-btn.loading{color:transparent}.auth-form .submit-btn .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.auth-form .social-login{text-align:center}.auth-form .social-login p{font-size:.875rem;color:#b0b0b0;margin-bottom:1rem;position:relative}.auth-form .social-login p:before,.auth-form .social-login p:after{content:"";position:absolute;top:50%;width:70px;height:1px;background-color:var(--black-lighter)}.auth-form .social-login p:before{left:0}.auth-form .social-login p:after{right:0}.auth-form .social-login .social-buttons{display:flex;justify-content:center;gap:1rem}.auth-form .social-login .social-buttons .social-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;font-weight:600;cursor:pointer;transition:transform .2s ease}.auth-form .social-login .social-buttons .social-btn:hover{transform:translateY(-3px)}.auth-form .social-login .social-buttons .social-btn.google{background-color:#ea4335;color:#fff}.auth-form .social-login .social-buttons .social-btn.facebook{background-color:#3b5998;color:#fff}.auth-form .social-login .social-buttons .social-btn.twitter{background-color:#1da1f2;color:#fff}.auth-footer{margin-top:2rem;width:100%;display:flex;justify-content:space-between;align-items:center;color:#b0b0b0;font-size:.8125rem}@media (max-width: 600px){.auth-footer{flex-direction:column;gap:1rem;text-align:center}}.auth-footer .footer-links{display:flex;gap:1.5rem}.auth-footer .footer-links a{color:#b0b0b0;text-decoration:none;transition:color .2s ease}.auth-footer .footer-links a:hover{color:var(--pink)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s}.submit-btn:hover:before{left:100%}@media (max-width: 480px){.auth-form-container{padding:1.5rem}.auth-form h2{font-size:1.25rem}.auth-form .form-subtitle{font-size:.8125rem}.auth-form .form-extras{flex-direction:column;align-items:flex-start;gap:.75rem}.auth-form .social-login p:before,.auth-form .social-login p:after{width:50px}}.input-wrapper.error{border-color:#e74c3c;background-color:#e74c3c0d}.error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠️";font-size:.9rem}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.input-wrapper.error:focus-within{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.signup-grid{grid-template-columns:1fr}}.auth-card{max-width:550px}.signup-form .error-message{font-size:.75rem}@media (min-width: 601px){.signup-form .input-wrapper input{font-size:.8rem}}.error-banner,.success-banner{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;animation:slideDown .3s ease-out}.error-banner{background-color:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#ef4444}.success-banner{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.error-icon,.success-icon{font-size:1.1rem}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.input-wrapper.error{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-2px)}40%,60%{transform:translate(2px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-overlay .modal-content{background:var(--black2);border-radius:12px;padding:2rem;width:90%;max-width:600px;position:relative;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(28,75,145,.2);animation:slideUp .3s ease}.modal-overlay .modal-content .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.modal-overlay .modal-content .close-btn:hover{background:var(--black-light)}.modal-overlay .modal-content .close-btn.secondary{position:static;width:100%;background:var(--black-lighter);padding:.75rem;margin-top:1rem}.modal-overlay .modal-content .close-btn.secondary:hover{background:var(--black-light)}.modal-overlay .modal-content h2{font-size:1.5rem;margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.modal-overlay .modal-content .modal-subtitle{color:#b0b0b0;font-size:.9rem;margin-bottom:1.5rem}.modal-overlay .modal-content .form-group{margin-bottom:1.5rem}.modal-overlay .modal-content .form-group label{display:block;font-size:.875rem;margin-bottom:.5rem;color:#e0e0e0}.modal-overlay .modal-content .form-group .input-wrapper{position:relative}.modal-overlay .modal-content .form-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.modal-overlay .modal-content .form-group .input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:var(--black3);border:1px solid var(--black-lighter);border-radius:8px;color:#fff;font-size:.875rem;transition:all .3s ease}.modal-overlay .modal-content .form-group .input-wrapper input:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 2px #da2f6833}.modal-overlay .modal-content .form-group .input-wrapper input::placeholder{color:#6f7a92}.modal-overlay .modal-content .submit-btn{width:100%;padding:.875rem;background:var(--gradient);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.modal-overlay .modal-content .submit-btn:hover{box-shadow:0 4px 12px #da2f684d}.modal-overlay .modal-content .submit-btn:active{transform:translateY(1px)}.modal-overlay .modal-content .submit-btn.loading{color:transparent}.modal-overlay .modal-content .submit-btn .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.modal-overlay .modal-content .success-message{text-align:center;padding:1rem 0;display:flex;flex-direction:column}.modal-overlay .modal-content .success-message .success-icon{font-size:3rem;margin-bottom:1rem;display:block}.modal-overlay .modal-content .success-message h3{color:var(--orange);margin-bottom:.5rem}.modal-overlay .modal-content .success-message p{color:#b0b0b0;margin-bottom:1.5rem}.modal-overlay .modal-content .error-message{color:#ef4444;font-size:.8rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.modal-overlay .modal-content .error-message:before{content:"⚠️";font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 480px){.modal-overlay .modal-content{padding:1.5rem;width:95%}.modal-overlay .modal-content h2{font-size:1.25rem}.modal-overlay .modal-content .modal-subtitle,.modal-overlay .modal-content .form-group .input-wrapper input{font-size:.85rem}}/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.upload-page{padding:5rem 2rem;color:#fff;min-height:100vh}.container{margin:0 auto}.page-title{font-size:32px;margin-bottom:30px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.upload-form{background-color:var(--black2);border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000004d}.form-grid{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width: 768px){.form-grid{grid-template-columns:3fr 2fr}}.form-group{margin-bottom:24px}.form-row{display:flex;flex-wrap:wrap;margin:0 -10px}.form-group.half{flex:1;min-width:150px;padding:0 10px}label{display:block;margin-bottom:8px;font-weight:500;color:#eaeaea}input,textarea,select{width:100%;background-color:var(--black3);border:1px solid var(--black-lighter);color:#fff;padding:12px 16px;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--orange)}input.error,textarea.error,select.error,.image-upload-container.error,.genres-container.error{border-color:#ff4d4f}.error-message{color:#ff4d4f;font-size:14px;margin-top:5px;display:block}.image-upload-container{border:2px dashed var(--black-lighter);border-radius:8px;overflow:hidden;height:250px;position:relative;cursor:pointer;transition:border-color .3s}.upload-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b9bb4}.upload-placeholder input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.remove-image{position:absolute;top:10px;right:10px;background:#000000b3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background-color .3s}.remove-image:hover{background:#da2f68cc}.genres-container{display:flex;flex-wrap:wrap;gap:10px;padding:15px;border:1px solid var(--black-lighter);border-radius:6px;min-height:100px;max-height:200px;overflow-y:auto}.genre-chip{background-color:var(--black3);border:1px solid var(--black-lighter);border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .3s}.genre-chip:hover{background-color:var(--black-light)}.genre-chip.selected{background:var(--gradient);border-color:transparent}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;border:none;font-size:16px}.btn-primary{background:var(--gradient);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:1px solid var(--pink);color:var(--pink)}.btn-secondary:hover{background:#da2f681a}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}button:disabled{animation:pulse 1.5s infinite}.genres-header,.videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.add-genre-btn,.add-video-btn{background:transparent;color:var(--orange);border:none;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.add-genre-btn:hover,.add-video-btn:hover{background:#f89e001a}.new-genre-form{display:flex;gap:10px;margin-bottom:15px}.new-genre-input{flex:1}.btn-add-genre{background:var(--gradient);color:#fff;border:none;border-radius:6px;padding:0 16px;cursor:pointer;transition:all .3s;min-width:80px}.btn-add-genre:disabled{opacity:.6;cursor:not-allowed}.btn-add-genre:hover:not(:disabled){opacity:.9}.videos-section{margin-top:30px;border-top:1px solid var(--black-lighter);padding-top:20px}.video-item{background-color:var(--black3);border-radius:8px;padding:16px;margin-bottom:15px;position:relative}.video-row{display:flex;flex-wrap:wrap;gap:15px;position:relative}.video-name,.video-key{flex:2;min-width:200px;margin-bottom:10px}.video-type{flex:1;min-width:150px;margin-bottom:10px}.remove-video-btn{position:absolute;top:0;right:0;background:#da2f6833;border:none;color:var(--pink);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s}.remove-video-btn:hover{background:#da2f6866}@media (max-width: 768px){.video-row{flex-direction:column}.video-name,.video-key,.video-type{width:100%}}.description-editor{margin-bottom:25px}.description-editor .quill-container{border:1px solid #ddd;border-radius:4px}.description-editor .quill-container.error{border-color:#ff4d4f}.description-editor .quill-container .ql-toolbar{border-bottom:1px solid #ddd;background-color:#f9f9f9}.description-editor .quill-container .ql-container{min-height:200px;font-size:14px}.description-editor .quill-container .ql-editor{min-height:200px}.description-editor .description-helper{margin-top:10px;font-size:13px;color:#fff;background-color:var(--black3);padding:10px;border-radius:4px}.description-editor .description-helper p{margin-bottom:5px;font-weight:500}.description-editor .description-helper ul{padding-left:20px;margin:0}.description-editor .description-helper ul li{margin-bottom:3px}@media (max-width: 768px){.description-editor .quill-container .ql-container{min-height:150px}}.user-orders-container{max-width:1200px;margin:0 auto;padding:5rem 2rem;color:#fff}.user-orders-container .orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.user-orders-container .orders-header h1{font-weight:700;font-size:2rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width: 768px){.user-orders-container .orders-header h1{font-size:1.5rem}}.user-orders-container .orders-header span{font-size:1rem;color:#ffffffb3}.user-orders-container .empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--black2);border-radius:12px;padding:4rem 2rem;text-align:center}.user-orders-container .empty-orders .empty-orders-icon{font-size:4rem;margin-bottom:1.5rem}.user-orders-container .empty-orders h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user-orders-container .empty-orders p{font-size:1rem;color:#ffffffb3;margin-bottom:2rem}.user-orders-container .empty-orders .browse-games-btn{background:var(--gradient);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.user-orders-container .empty-orders .browse-games-btn:hover{opacity:.9}.user-orders-container .orders-list{display:flex;flex-direction:column;gap:1.5rem}.user-orders-container .orders-list .order-item{background-color:var(--black2);border-radius:12px;padding:1.5rem;transition:transform .3s ease}.user-orders-container .orders-list .order-item:hover{transform:translateY(-5px)}.user-orders-container .orders-list .order-item .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.user-orders-container .orders-list .order-item .order-header .order-id h3{font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.user-orders-container .orders-list .order-item .order-header .order-id .order-date{font-size:.9rem;color:#fff9}.user-orders-container .orders-list .order-item .order-header .status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.user-orders-container .orders-list .order-item .order-header .status-badge.pending{background-color:#ff9f0033;color:#ff9f00}.user-orders-container .orders-list .order-item .order-header .status-badge.pending-verification{background-color:#4087f733;color:#4087f7}.user-orders-container .orders-list .order-item .order-header .status-badge.paid{background-color:#34d39933;color:#34d399}.user-orders-container .orders-list .order-item .order-header .status-badge.delivered{background-color:#8b5cf633;color:#8b5cf6}.user-orders-container .orders-list .order-item .order-header .status-badge.cancelled{background-color:#ef444433;color:#ef4444}.user-orders-container .orders-list .order-item .order-games{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-orders-container .orders-list .order-item .order-games .order-game-item{display:flex;align-items:center;gap:1rem;background-color:#ffffff0d;border-radius:8px;padding:.75rem;min-width:250px}.user-orders-container .orders-list .order-item .order-games .order-game-item .game-thumbnail{width:50px;height:70px;border-radius:4px;overflow:hidden}.user-orders-container .orders-list .order-item .order-games .order-game-item .game-thumbnail img{width:100%;height:100%;object-fit:cover}.user-orders-container .orders-list .order-item .order-games .order-game-item .game-info h4{font-size:1rem;font-weight:500;margin-bottom:.25rem}.user-orders-container .orders-list .order-item .order-games .order-game-item .game-info .game-price{font-size:.9rem;color:#ffffffb3}.user-orders-container .orders-list .order-item .order-footer{display:flex;justify-content:space-between;align-items:center}.user-orders-container .orders-list .order-item .order-footer .order-total{font-size:1.1rem;font-weight:600}.user-orders-container .orders-list .order-item .order-footer .order-actions{display:flex;gap:1rem}.user-orders-container .orders-list .order-item .order-footer .order-actions button{padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.user-orders-container .orders-list .order-item .order-footer .order-actions button:hover{opacity:.9}.user-orders-container .orders-list .order-item .order-footer .order-actions .view-details-btn{background-color:#ffffff1a;color:#fff;border:none}.user-orders-container .orders-list .order-item .order-footer .order-actions .pay-now-btn{background:var(--gradient);color:#fff;border:none}.user-orders-container .payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-orders-container .payment-modal-overlay .payment-modal{background-color:var(--black2);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-modal-header h2{font-size:1.5rem;font-weight:600}.user-orders-container .payment-modal-overlay .payment-modal .payment-modal-header .close-modal-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1}.user-orders-container .payment-modal-overlay .payment-modal .payment-qr-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-qr-container img{width:200px;height:200px;object-fit:contain;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;background-color:#fff}.user-orders-container .payment-modal-overlay .payment-modal .payment-qr-container .payment-instructions{text-align:center}.user-orders-container .payment-modal-overlay .payment-modal .payment-qr-container .payment-instructions h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--orange)}.user-orders-container .payment-modal-overlay .payment-modal .payment-qr-container .payment-instructions p{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group{margin-bottom:1.5rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group label{display:block;font-size:.9rem;margin-bottom:.5rem;color:#fffc}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group input[type=text]{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fff;font-size:.9rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group input[type=text]:focus{outline:none;border-color:var(--orange)}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container{display:flex;align-items:center;gap:1rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container .file-upload-btn{background-color:#ffffff1a;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container .file-upload-btn:hover{background-color:#fff3}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container .file-name{font-size:.9rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .upload-progress{height:4px;background-color:#ffffff1a;border-radius:4px;margin-bottom:1.5rem;position:relative}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .upload-progress .progress-bar{height:100%;background:var(--gradient);border-radius:4px;transition:width .3s ease}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .upload-progress span{position:absolute;top:-20px;right:0;font-size:.8rem;color:#ffffffb3}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-actions{display:flex;justify-content:flex-end;gap:1rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-actions button{padding:10px 18px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-actions button:hover:not(:disabled){opacity:.9}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-actions button:disabled{cursor:not-allowed;opacity:.5}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-actions .cancel-btn{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.user-orders-container .payment-modal-overlay .payment-modal .payment-form .form-actions .submit-btn{background:var(--gradient);color:#fff;border:none}@media screen and (max-width: 768px){.user-orders-container{padding:5rem 1rem}.user-orders-container .orders-list .order-item{padding:1rem}.user-orders-container .orders-list .order-item .order-games{flex-direction:column}.user-orders-container .orders-list .order-item .order-games .order-game-item{min-width:100%}.user-orders-container .orders-list .order-item .order-footer{flex-direction:column;gap:1rem}.user-orders-container .orders-list .order-item .order-footer .order-total{width:100%}.user-orders-container .orders-list .order-item .order-footer .order-actions{width:100%;justify-content:space-between}.user-orders-container .payment-modal-overlay .payment-modal{padding:1.5rem}.user-orders-container .payment-modal-overlay .payment-modal .payment-qr-container img{width:150px;height:150px}}.order-details{padding:5rem 0;color:#fff;min-height:100vh}.order-details .pay-now-btn{background:var(--gradient);color:#fff;border:none;padding:10px;border-radius:6px;margin:1rem 0}.order-details .container{margin:0 auto;padding:0 20px}.order-details .payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.order-details .payment-modal-overlay .payment-modal{background-color:var(--black2);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:2rem}.order-details .payment-modal-overlay .payment-modal .payment-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.order-details .payment-modal-overlay .payment-modal .payment-modal-header h2{font-size:1.5rem;font-weight:600}.order-details .payment-modal-overlay .payment-modal .payment-modal-header .close-modal-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1}.order-details .payment-modal-overlay .payment-modal .payment-qr-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.order-details .payment-modal-overlay .payment-modal .payment-qr-container img{width:200px;height:200px;object-fit:contain;margin-bottom:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;background-color:#fff}.order-details .payment-modal-overlay .payment-modal .payment-qr-container .payment-instructions{text-align:center}.order-details .payment-modal-overlay .payment-modal .payment-qr-container .payment-instructions h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--orange)}.order-details .payment-modal-overlay .payment-modal .payment-qr-container .payment-instructions p{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group{margin-bottom:1.5rem}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group label{display:block;font-size:.9rem;margin-bottom:.5rem;color:#fffc}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group input[type=text]{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fff;font-size:.9rem}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group input[type=text]:focus{outline:none;border-color:var(--orange)}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container{display:flex;align-items:center;gap:1rem}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container .file-upload-btn{background-color:#ffffff1a;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container .file-upload-btn:hover{background-color:#fff3}.order-details .payment-modal-overlay .payment-modal .payment-form .form-group .file-upload-container .file-name{font-size:.9rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.order-details .payment-modal-overlay .payment-modal .payment-form .upload-progress{height:4px;background-color:#ffffff1a;border-radius:4px;margin-bottom:1.5rem;position:relative}.order-details .payment-modal-overlay .payment-modal .payment-form .upload-progress .progress-bar{height:100%;background:var(--gradient);border-radius:4px;transition:width .3s ease}.order-details .payment-modal-overlay .payment-modal .payment-form .upload-progress span{position:absolute;top:-20px;right:0;font-size:.8rem;color:#ffffffb3}.order-details .payment-modal-overlay .payment-modal .payment-form .form-actions{display:flex;justify-content:flex-end;gap:1rem}.order-details .payment-modal-overlay .payment-modal .payment-form .form-actions button{padding:10px 18px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.order-details .payment-modal-overlay .payment-modal .payment-form .form-actions button:hover:not(:disabled){opacity:.9}.order-details .payment-modal-overlay .payment-modal .payment-form .form-actions button:disabled{cursor:not-allowed;opacity:.5}.order-details .payment-modal-overlay .payment-modal .payment-form .form-actions .cancel-btn{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.order-details .payment-modal-overlay .payment-modal .payment-form .form-actions .submit-btn{background:var(--gradient);color:#fff;border:none}.order-details h1{margin-bottom:30px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.order-details .order-card{background-color:var(--black2);border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000004d;margin-bottom:40px}.order-details .order-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.order-details .order-card .order-header .order-id{display:flex;align-items:center}.order-details .order-card .order-header .order-id h2{margin-right:15px;font-size:24px}.order-details .order-card .order-header .order-id .status{padding:6px 12px;border-radius:30px;font-size:14px;font-weight:600}.order-details .order-card .order-header .order-id .status.status-paid{background-color:#27ae6026;color:#27ae60}.order-details .order-card .order-header .order-id .status.status-pending{background-color:#f2c94c26;color:#f2c94c}.order-details .order-card .order-header .order-id .status.status-failed{background-color:#eb575726;color:#eb5757}.order-details .order-card .order-header .order-date{font-size:14px;color:#ffffffb3}.order-details .order-card .order-info{margin-bottom:30px}.order-details .order-card .order-info .info-section{background-color:#ffffff08;border-radius:8px;padding:20px}.order-details .order-card .order-info .info-section h3{margin-bottom:15px;color:var(--orange)}.order-details .order-card .order-info .info-section .info-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:15px}.order-details .order-card .order-info .info-section .info-row:last-child{margin-bottom:0}.order-details .order-card .order-info .info-section .info-row span:first-child{color:#ffffffb3}.order-details .order-card .order-info .info-section .info-row .price{color:var(--pink);font-weight:600}.order-details .order-card .order-info .info-section .info-row .discount{color:#27ae60;font-weight:600}.order-details .order-card .order-info .info-section .info-row .coupon,.order-details .order-card .order-info .info-section .info-row .offer{color:var(--orange);font-weight:600}.order-details .order-card .order-info .info-section .info-row.total-row{margin-top:15px;padding-top:15px;border-top:1px dashed rgba(255,255,255,.1);font-weight:600}.order-details .order-card .order-info .info-section .info-row.discount-row span:last-child{color:#27ae60}.order-details .order-card .payment-section{margin-bottom:30px}.order-details .order-card .payment-section h3{margin-bottom:20px;color:var(--orange)}.order-details .order-card .payment-section .payment-loading{border-radius:8px}.order-details .order-card .payment-section .status-paid{background-color:#27ae6026;color:#27ae60}.order-details .order-card .payment-section .status-pending{background-color:#f2c94c26;color:#f2c94c}.order-details .order-card .payment-section .status-failed{background-color:#eb575726;color:#eb5757}.order-details .order-card .payment-section .payment-details{background-color:#ffffff08;border-radius:8px;padding:20px}.order-details .order-card .payment-section .payment-details .payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.order-details .order-card .payment-section .payment-details .payment-header .payment-id{display:flex;align-items:center}.order-details .order-card .payment-section .payment-details .payment-header .payment-id h4{margin-right:15px;font-size:18px}.order-details .order-card .payment-section .payment-details .payment-header .payment-id .status{padding:4px 10px;border-radius:30px;font-size:12px;font-weight:600}.order-details .order-card .payment-section .payment-details .payment-header .payment-date{font-size:14px;color:#ffffffb3}.order-details .order-card .payment-section .payment-details .payment-info{margin-bottom:20px}.order-details .order-card .payment-section .payment-details .payment-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px}.order-details .order-card .payment-section .payment-details .payment-info .info-row span:first-child{color:#ffffffb3}.order-details .order-card .payment-section .payment-details .payment-info .info-row .price{color:var(--pink);font-weight:600}.order-details .order-card .payment-section .payment-details .payment-screenshot h4{margin-bottom:10px;color:var(--orange)}.order-details .order-card .payment-section .payment-details .payment-screenshot .screenshot-container{width:10rem;height:auto;border-radius:8px;overflow:hidden;margin-bottom:10px;background-color:#0000004d;cursor:pointer;transition:transform .2s}.order-details .order-card .payment-section .payment-details .payment-screenshot .screenshot-container:hover{transform:scale(1.02)}.order-details .order-card .payment-section .payment-details .payment-screenshot .screenshot-container img{width:100%;object-fit:contain;display:block}.order-details .order-card .payment-section .payment-details .payment-screenshot .click-note{text-align:center;font-size:12px;color:#ffffff80}.order-details .order-card .payment-section .no-payment{padding:20px;text-align:center;background-color:#ffffff08;border-radius:8px;color:#ffffffb3}.order-details .order-card .items-section{margin-bottom:30px}.order-details .order-card .items-section h3{margin-bottom:20px;color:var(--orange)}.order-details .order-card .items-section .items-list{display:grid;gap:20px}.order-details .order-card .items-section .items-list .item-card{display:flex;background-color:#ffffff08;border-radius:8px;overflow:hidden}.order-details .order-card .items-section .items-list .item-card .item-image{width:100px;height:100px;flex-shrink:0}.order-details .order-card .items-section .items-list .item-card .item-image img{width:100%;height:100%;object-fit:cover}.order-details .order-card .items-section .items-list .item-card .item-image .placeholder-image{width:100%;height:100%;background-color:var(--black-lighter);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px}.order-details .order-card .items-section .items-list .item-card .item-details{padding:15px;flex-grow:1}.order-details .order-card .items-section .items-list .item-card .item-details h4{margin-bottom:10px;font-size:18px}.order-details .order-card .items-section .items-list .item-card .item-details .item-meta .meta-row{display:flex;justify-content:space-between;margin-bottom:5px;font-size:14px}.order-details .order-card .items-section .items-list .item-card .item-details .item-meta .meta-row span:first-child{color:#ffffffb3}.order-details .order-card .items-section .no-items{padding:20px;text-align:center;background-color:#ffffff08;border-radius:8px;color:#ffffffb3}.order-details .order-card .order-total{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.order-details .order-card .order-total .total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:600}.order-details .order-card .order-total .total-row .total-price{color:var(--pink);font-size:22px}.order-details .error-message{background-color:#eb57571a;border-radius:8px;padding:30px;text-align:center}.order-details .error-message h2{color:#eb5757;margin-bottom:10px}.order-details .error-message p{color:#ffffffb3}@media (max-width: 768px){.order-details .payment-modal-overlay .payment-modal{padding:1.5rem}.order-details .payment-modal-overlay .payment-modal .payment-qr-container img{width:150px;height:150px}.order-details .order-card{padding:20px}.order-details .order-card .order-header,.order-details .order-card .payment-details .payment-header{flex-direction:column;align-items:flex-start}.order-details .order-card .order-header .order-id,.order-details .order-card .order-header .payment-id,.order-details .order-card .payment-details .payment-header .order-id,.order-details .order-card .payment-details .payment-header .payment-id{margin-bottom:10px}.order-details .order-card .items-section .items-list .item-card{flex-direction:column}.order-details .order-card .items-section .items-list .item-card .item-image{width:100%;height:150px}}.contact-support{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.contact-support .whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem;background-color:#25d366;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease}.contact-support .whatsapp-btn:hover{background-color:#128c7e;transform:translateY(-2px)}.contact-support .whatsapp-btn svg{flex-shrink:0}@media (max-width: 768px){.contact-support{margin-top:1rem;padding-top:1rem}.contact-support .whatsapp-btn{padding:.75rem;font-size:.9rem}}.dashboard{padding:5rem 2rem;color:#fff}.dashboard-header{margin-bottom:30px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}@media (max-width: 576px){.dashboard-stats{grid-template-columns:1fr}}.dashboard .stat-card{background-color:var(--black2);padding:20px;border-radius:10px;transition:all .3s ease;display:flex;flex-direction:column;align-items:start;justify-content:start}.dashboard .stat-card:hover{background-color:var(--black-light);transform:translateY(-5px)}.dashboard .stat-card h3{color:var(--pink);margin-bottom:10px;font-size:1.1rem}.dashboard .stat-card p{font-size:1.8rem;font-weight:600}.dashboard-content{background-color:var(--black2);border-radius:10px;padding:20px}.dashboard-content .recent-activity h2{color:var(--orange);margin-bottom:20px}.dashboard-content .recent-activity .activity-list{display:flex;flex-direction:column;gap:15px}.dashboard-content .recent-activity .activity-item{height:60px;border-radius:8px}.dashboard-container .sidebar{width:250px;background-color:var(--black2);padding:5rem 1rem;border-right:1px solid var(--black-lighter);transition:transform .3s ease;position:sticky;top:0;height:100vh;overflow-y:auto}.dashboard-container .sidebar .menu-toggle{display:none;position:absolute;right:-40px;top:50px;background:var(--gradient);border:none;width:40px;height:40px;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;z-index:100}@media (max-width: 768px){.dashboard-container .sidebar{position:fixed;transform:translate(-100%);z-index:1000}.dashboard-container .sidebar.active{transform:translate(0)}.dashboard-container .sidebar .menu-toggle{display:block}}.dashboard-container .dashboard{flex:1;padding:5rem 2rem;color:#fff}@media (max-width: 768px){.dashboard-container .dashboard{padding:5rem 1rem}}.dashboard{flex:1;padding:20px;transition:margin .3s ease}.games-table{width:100%;border-collapse:collapse;color:#fff}.games-table th,.games-table td{padding:15px;text-align:left;border-bottom:1px solid var(--black-lighter)}.games-table th{background-color:var(--black3);font-weight:600;position:sticky;top:0;z-index:10}.games-table .game-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px}.games-table .status{padding:5px 10px;border-radius:20px;font-size:.9rem}.games-table .actions{display:flex;gap:10px}.games-table td{vertical-align:middle}.loader-container{padding:10px 0;text-align:center}.end-message{text-align:center;padding:10px 0;color:var(--grey);font-size:.9rem}.no-results{text-align:center;padding:30px;font-size:1.2rem;color:var(--grey)}.add-game-btn{background:var(--gradient);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.add-game-btn:hover{transform:translateY(-2px)}.skeleton,.loading-skeleton .skeleton-row{position:relative;overflow:hidden}.skeleton:after,.loading-skeleton .skeleton-row:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#19376300 0,#19376333 20%,#19376380 60%,#19376300);animation:shimmer 2s infinite;content:""}.loading-skeleton .skeleton-row{height:60px;background-color:var(--black-lighter);margin-bottom:10px;border-radius:8px}@media (max-width: 768px){.dashboard{margin-left:0;padding:15px}.sidebar.active+.dashboard{margin-left:250px}.games-table-container{height:100vh}.games-table th,.games-table td{padding:8px;font-size:.9rem}.games-table .game-thumbnail{width:40px;height:40px}.dashboard-header{flex-direction:column;gap:15px;align-items:flex-start}.dashboard-header h1{font-size:1.8rem}}.drag-handle{cursor:grab;color:var(--grey);display:flex;align-items:center;justify-content:center}tr.dragging{background-color:var(--black3);opacity:.8;box-shadow:0 0 10px #0003}.games-table-container.dragging .games-table tbody tr:not(.dragging){transition:transform .2s ease}.drag-instructions{margin-bottom:15px;padding:10px;background-color:var(--black3);border-radius:8px;border-left:4px solid var(--primary)}.load-more-container{display:flex;justify-content:center;margin-top:20px}.load-more-btn{background:var(--black3);color:#fff;border:1px solid var(--black-lighter);padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:var(--black-lighter)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.games-table-container{background-color:var(--black2);border-radius:10px;padding:20px;margin-top:20px;height:100vh;overflow-y:auto;position:relative}.games-table{width:100%;border-collapse:separate;border-spacing:0;color:#fff}.games-table th,.games-table td{padding:15px;text-align:left;border-bottom:1px solid var(--black-lighter);vertical-align:middle}.games-table th{background-color:var(--black3);font-weight:600;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--black-lighter)}.games-table tbody tr{transition:background-color .2s ease}.games-table tbody tr:hover{background-color:#ffffff0d}.games-table .game-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;display:block}.games-table .status{padding:5px 10px;border-radius:20px;font-size:.9rem;display:inline-block}.games-table .status.active{background:var(--gradient)}.games-table .status.draft{background:var(--black-lighter)}.games-table .actions{display:flex;gap:10px;justify-content:flex-start}.games-table .actions button,.games-table .actions a{background:none;border:none;color:#fff;cursor:pointer;padding:5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.games-table .actions button:hover,.games-table .actions a:hover{transform:scale(1.1)}.games-table .actions button svg,.games-table .actions a svg{width:18px;height:18px}.games-table .actions .edit-btn:hover{color:var(--orange)}.games-table .actions .delete-btn:hover{color:var(--pink)}.drag-handle{cursor:grab!important;color:var(--grey);display:flex!important;align-items:center;justify-content:center;width:50px}.drag-handle:hover{color:var(--primary)}tr.dragging{background-color:var(--black3)!important;box-shadow:0 0 15px #0000004d;z-index:20;position:relative}tr.dragging td{border-bottom:none}.games-table-container.dragging{cursor:grabbing}.games-table-container.dragging .games-table tbody tr{transition:transform .15s ease}.games-table-container.dragging .games-table tbody tr:not(.dragging):hover{background-color:#ffffff05}[data-rbd-placeholder-context-id]{opacity:.5!important;background-color:var(--black-lighter);border-radius:4px}.drag-instructions p{margin:0;font-size:.9rem;color:var(--grey-light)}.games-table th:nth-child(1),.games-table td:nth-child(1){width:50px}.games-table th:nth-child(2),.games-table td:nth-child(2){width:80px}.games-table th:nth-child(3),.games-table td:nth-child(3){width:80px}.games-table th:nth-child(5),.games-table td:nth-child(5){width:100px}.games-table th:nth-child(6),.games-table td:nth-child(6){width:120px}.games-table th:nth-child(7),.games-table td:nth-child(7){width:120px}.dashboard-container .sidebar .menu-toggle{display:none;position:absolute;right:-40px;top:30px;background:var(--gradient);border:none;width:40px;height:40px;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;z-index:100}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell{display:flex;align-items:center;font-size:.9rem;padding:.5rem}@media (max-width: 1024px){.dashboard-container .sidebar{width:200px}}@media screen and (max-width: 768px){.admin-orders{padding:5rem 1rem}.admin-orders .header1{margin-bottom:1.5rem}.admin-orders .header1 h1{font-size:1.75rem}.admin-orders .header1 .stats-cards{grid-template-columns:1fr}.admin-orders .filters-row{flex-direction:column;align-items:stretch}.admin-orders .filters-row .search-box,.admin-orders .filters-row .filter-group{width:100%}.admin-orders .filters-row .filter-group select{flex-grow:1}.admin-orders .filters-row .refresh-btn{width:100%}.admin-orders .admin-table{border-radius:8px}.admin-orders .admin-table .table-header{display:none}.admin-orders .admin-table .table-body .table-row{display:flex;flex-direction:column;padding:1rem;gap:1rem}.admin-orders .admin-table .table-body .table-row .cell{padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.admin-orders .admin-table .table-body .table-row .cell:before{content:attr(data-label);font-weight:600;width:40%;margin-right:1rem;min-width:120px;display:inline-block}.admin-orders .admin-table .table-body .table-row .cell:last-child{border-bottom:none}.admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons{width:100%;justify-content:flex-end;flex-wrap:wrap}}.admin-order-details{padding:5rem 0;color:#fff;min-height:100vh}.admin-order-details .container{margin:0 auto;padding:0 20px}.admin-order-details .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.admin-order-details .admin-header h1{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin:0}.admin-order-details .admin-header .action-buttons{display:flex;gap:1rem}.admin-order-details .admin-header .action-buttons button{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s}.admin-order-details .admin-header .action-buttons button:hover:not(:disabled){opacity:.9}.admin-order-details .admin-header .action-buttons .update-status-btn{background:var(--gradient);color:#fff;border:none}.admin-order-details .admin-header .action-buttons .delete-order-btn{background:transparent;border:1px solid #eb5757;color:#eb5757}.admin-order-details .admin-header .action-buttons .delete-order-btn:hover{background-color:#eb57571a}.admin-order-details .order-card{background-color:var(--black2);border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000004d;margin-bottom:40px}.admin-order-details .order-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-order-details .order-card .order-header .order-id{display:flex;align-items:center}.admin-order-details .order-card .order-header .order-id h2{margin-right:15px;font-size:24px}.admin-order-details .order-card .order-header .order-id .status{padding:6px 12px;border-radius:30px;font-size:14px;font-weight:600}.admin-order-details .order-card .order-header .order-date{font-size:14px;color:#ffffffb3}.admin-order-details .order-card .order-info{margin-bottom:30px}.admin-order-details .order-card .order-info .info-section{background-color:#ffffff08;border-radius:8px;padding:20px}.admin-order-details .order-card .order-info .info-section h3{margin-bottom:15px;color:var(--orange)}.admin-order-details .order-card .order-info .info-section .info-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:15px}.admin-order-details .order-card .order-info .info-section .info-row:last-child{margin-bottom:0}.admin-order-details .order-card .order-info .info-section .info-row span:first-child{color:#ffffffb3}.admin-order-details .order-card .order-info .info-section .info-row .price{color:var(--pink);font-weight:600}.admin-order-details .order-card .order-info .info-section .info-row.notes-row{flex-direction:column}.admin-order-details .order-card .order-info .info-section .info-row.notes-row span:first-child{margin-bottom:5px}.admin-order-details .order-card .order-info .info-section .info-row.notes-row span:last-child{background-color:#ffffff0d;padding:10px;border-radius:4px;white-space:pre-wrap}.admin-order-details .order-card .order-info .info-section .status-text{font-weight:600;padding:4px 8px;border-radius:4px}.admin-order-details .order-card .status-paid{background-color:#27ae6026;color:#27ae60}.admin-order-details .order-card .status-pending{background-color:#f2c94c26;color:#f2c94c}.admin-order-details .order-card .status-failed{background-color:#eb575726;color:#eb5757}.admin-order-details .order-card .payment-section{margin-bottom:30px}.admin-order-details .order-card .payment-section h3{margin-bottom:20px;color:var(--orange)}.admin-order-details .order-card .payment-section .payment-loading{border-radius:8px}.admin-order-details .order-card .payment-section .payment-details{background-color:#ffffff08;border-radius:8px;padding:20px}.admin-order-details .order-card .payment-section .payment-details .payment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-order-details .order-card .payment-section .payment-details .payment-header .payment-id{display:flex;align-items:center}.admin-order-details .order-card .payment-section .payment-details .payment-header .payment-id h4{margin-right:15px;font-size:18px}.admin-order-details .order-card .payment-section .payment-details .payment-header .payment-id .status{padding:4px 10px;border-radius:30px;font-size:12px;font-weight:600}.admin-order-details .order-card .payment-section .payment-details .payment-header .payment-date{font-size:14px;color:#ffffffb3}.admin-order-details .order-card .payment-section .payment-details .payment-header .payment-date p{margin:0 0 5px}.admin-order-details .order-card .payment-section .payment-details .payment-header .payment-date p:last-child{margin-bottom:0}.admin-order-details .order-card .payment-section .payment-details .payment-info{margin-bottom:20px}.admin-order-details .order-card .payment-section .payment-details .payment-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:15px}.admin-order-details .order-card .payment-section .payment-details .payment-info .info-row span:first-child{color:#ffffffb3}.admin-order-details .order-card .payment-section .payment-details .payment-info .info-row .price{color:var(--pink);font-weight:600}.admin-order-details .order-card .payment-section .payment-details .payment-screenshot h4{margin-bottom:10px;color:var(--orange)}.admin-order-details .order-card .payment-section .payment-details .payment-screenshot .screenshot-container{width:15rem;height:auto;border-radius:8px;overflow:hidden;margin-bottom:10px;background-color:#0000004d;cursor:pointer;transition:transform .2s}.admin-order-details .order-card .payment-section .payment-details .payment-screenshot .screenshot-container:hover{transform:scale(1.02)}.admin-order-details .order-card .payment-section .payment-details .payment-screenshot .screenshot-container img{width:100%;object-fit:contain;display:block}.admin-order-details .order-card .payment-section .payment-details .payment-screenshot .click-note{text-align:left;font-size:12px;color:#ffffff80}.admin-order-details .order-card .payment-section .no-payment{padding:20px;text-align:center;background-color:#ffffff08;border-radius:8px;color:#ffffffb3}.admin-order-details .order-card .items-section{margin-bottom:30px}.admin-order-details .order-card .items-section h3{margin-bottom:20px;color:var(--orange)}.admin-order-details .order-card .items-section .items-list{display:grid;gap:20px}.admin-order-details .order-card .items-section .items-list .item-card{display:flex;background-color:#ffffff08;border-radius:8px;overflow:hidden}.admin-order-details .order-card .items-section .items-list .item-card .item-image{width:120px;height:120px;flex-shrink:0}.admin-order-details .order-card .items-section .items-list .item-card .item-image img{width:100%;height:100%;object-fit:cover}.admin-order-details .order-card .items-section .items-list .item-card .item-image .placeholder-image{width:100%;height:100%;background-color:var(--black-lighter);display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px}.admin-order-details .order-card .items-section .items-list .item-card .item-details{padding:15px;flex-grow:1}.admin-order-details .order-card .items-section .items-list .item-card .item-details h4{margin-bottom:15px;font-size:18px}.admin-order-details .order-card .items-section .items-list .item-card .item-details .item-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-order-details .order-card .items-section .items-list .item-card .item-details .item-meta .meta-row{display:flex;justify-content:space-between;font-size:14px}.admin-order-details .order-card .items-section .items-list .item-card .item-details .item-meta .meta-row span:first-child{color:#ffffffb3;margin-right:10px}.admin-order-details .order-card .items-section .no-items{padding:20px;text-align:center;background-color:#ffffff08;border-radius:8px;color:#ffffffb3}.admin-order-details .order-card .order-total{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.admin-order-details .order-card .order-total .total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:600}.admin-order-details .order-card .order-total .total-row .total-price{color:var(--pink);font-size:22px}.admin-order-details .error-message{background-color:#eb57571a;border-radius:8px;padding:30px;text-align:center}.admin-order-details .error-message h2{color:#eb5757;margin-bottom:10px}.admin-order-details .error-message p{color:#ffffffb3}.admin-order-details .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-order-details .status-modal,.admin-order-details .confirm-modal,.admin-order-details .image-modal{background-color:var(--black2);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:2rem}.admin-order-details .status-modal .modal-header,.admin-order-details .confirm-modal .modal-header,.admin-order-details .image-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-order-details .status-modal .modal-header h2,.admin-order-details .confirm-modal .modal-header h2,.admin-order-details .image-modal .modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.admin-order-details .status-modal .modal-header .close-modal-btn,.admin-order-details .confirm-modal .modal-header .close-modal-btn,.admin-order-details .image-modal .modal-header .close-modal-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;line-height:1}.admin-order-details .image-modal{max-width:800px}.admin-order-details .image-modal .image-container{text-align:center}.admin-order-details .image-modal .image-container img{max-width:100%;max-height:70vh;border-radius:4px}.admin-order-details .status-form .form-group{margin-bottom:1.5rem}.admin-order-details .status-form .form-group label{display:block;font-size:.9rem;margin-bottom:.5rem;color:#fffc}.admin-order-details .status-form .form-group select,.admin-order-details .status-form .form-group textarea{width:100%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background-color:var(--black2);color:#fff;font-size:.9rem}.admin-order-details .status-form .form-group select:focus,.admin-order-details .status-form .form-group textarea:focus{outline:none;border-color:var(--orange)}.admin-order-details .status-form .form-group textarea{resize:vertical;min-height:80px}.admin-order-details .status-form .form-actions{display:flex;justify-content:flex-end;gap:1rem}.admin-order-details .status-form .form-actions button{padding:10px 18px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.admin-order-details .status-form .form-actions button:hover:not(:disabled){opacity:.9}.admin-order-details .status-form .form-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-order-details .status-form .form-actions .cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.admin-order-details .status-form .form-actions .submit-btn{background:var(--gradient);color:#fff;border:none}.admin-order-details .confirm-modal .modal-content p{margin-bottom:1.5rem;line-height:1.5}.admin-order-details .confirm-modal .modal-content .confirm-actions{display:flex;justify-content:flex-end;gap:1rem}.admin-order-details .confirm-modal .modal-content .confirm-actions button{padding:10px 18px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.admin-order-details .confirm-modal .modal-content .confirm-actions button:hover:not(:disabled){opacity:.9}.admin-order-details .confirm-modal .modal-content .confirm-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-order-details .confirm-modal .modal-content .confirm-actions .cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.admin-order-details .confirm-modal .modal-content .confirm-actions .delete-btn{background-color:#eb5757;color:#fff;border:none}.admin-order-details .skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.admin-order-details .admin-header,.admin-order-details .order-card .order-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-order-details .order-card .items-section .items-list .item-card{flex-direction:column}.admin-order-details .order-card .items-section .items-list .item-card .item-image{width:100%;height:180px}.admin-order-details .order-card .items-section .items-list .item-card .item-details .item-meta{grid-template-columns:1fr}.admin-order-details .order-card .payment-section .payment-details .payment-header{flex-direction:column;gap:1rem}}.offers-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.offers-section h3{color:var(--orange);margin-bottom:1.2rem;font-size:1.1rem}.offers-section .discount-details{display:grid;gap:1.5rem}.offers-section .discount-details .coupon-block,.offers-section .discount-details .offer-block{background:#ffffff08;border-radius:8px;padding:1.2rem}.offers-section .discount-details .coupon-block .block-header,.offers-section .discount-details .offer-block .block-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.offers-section .discount-details .coupon-block .block-header .icon,.offers-section .discount-details .offer-block .block-header .icon{background:var(--gradient);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.offers-section .discount-details .coupon-block .block-header h4,.offers-section .discount-details .offer-block .block-header h4{color:#fff;font-size:1.1rem;margin:0}.offers-section .discount-details .coupon-block .info-grid,.offers-section .discount-details .offer-block .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.offers-section .discount-details .coupon-block .info-grid .info-item .label,.offers-section .discount-details .offer-block .info-grid .info-item .label{font-size:.85rem;color:#ffffffb3;margin-bottom:.3rem;margin-right:1rem}.offers-section .discount-details .coupon-block .info-grid .info-item .value,.offers-section .discount-details .offer-block .info-grid .info-item .value{font-size:.95rem;color:#fff}.offers-section .discount-details .coupon-block .info-grid .info-item .value.highlight,.offers-section .discount-details .offer-block .info-grid .info-item .value.highlight{color:var(--orange);font-weight:600}.offers-section .discount-details .coupon-block .info-grid .info-item .value.code,.offers-section .discount-details .offer-block .info-grid .info-item .value.code{background:var(--black-lighter);padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.9rem;display:inline-block;height:min-content}.offers-section .discount-details .coupon-block .info-grid .info-item .value.discount,.offers-section .discount-details .offer-block .info-grid .info-item .value.discount{color:var(--pink);font-weight:600}.offers-section .discount-details .coupon-block .validity,.offers-section .discount-details .offer-block .validity{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fff9}.offers-section .discount-details .coupon-block .validity svg,.offers-section .discount-details .offer-block .validity svg{color:var(--orange)}@media (max-width: 768px){.offers-section .discount-details{gap:1rem}.offers-section .discount-details .coupon-block .info-grid,.offers-section .discount-details .offer-block .info-grid{grid-template-columns:1fr}}.dashboard-container{display:flex;min-height:100vh;position:relative}.dashboard-container .sidebar{width:250px;background-color:var(--black2);padding:5rem 1rem;border-right:1px solid var(--black-lighter);transition:transform .3s ease;position:sticky;top:0;height:100vh}.dashboard-container .sidebar .menu-toggle{display:none;position:absolute;right:-40px;top:4rem;background:var(--gradient);border:none;width:40px;height:40px;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;z-index:100}.dashboard-container .sidebar .menu-items{display:flex;flex-direction:column;gap:1rem}.dashboard-container .sidebar .menu-items .menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease}.dashboard-container .sidebar .menu-items .menu-item i{font-size:1.2rem;width:24px}.dashboard-container .sidebar .menu-items .menu-item:hover{background-color:var(--black-light)}.dashboard-container .sidebar .menu-items .menu-item.active{background:var(--gradient)}.dashboard-container .admin-orders{flex:1;padding:5rem 2rem;color:#fff}.dashboard-container .admin-orders .admin-container{width:100%}.dashboard-container .admin-orders .header1{margin-bottom:2rem;background-color:var(--black)}.dashboard-container .admin-orders .header1 h1{font-weight:700;font-size:2rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem}@media (max-width: 768px){.dashboard-container .admin-orders .header1 h1{font-size:1.75rem}}.dashboard-container .admin-orders .header1 .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.dashboard-container .admin-orders .header1 .stats-cards .stat-card{background-color:var(--black2);border-radius:12px;padding:1.5rem;flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.dashboard-container .admin-orders .header1 .stats-cards .stat-card .stat-title{font-size:.9rem;color:var(--pink);margin-bottom:.5rem}.dashboard-container .admin-orders .header1 .stats-cards .stat-card .stat-value{font-size:1.8rem;font-weight:600;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-container .admin-orders .filters-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;position:relative;z-index:1;margin-top:0}.dashboard-container .admin-orders .filters-row .search-box{flex:1;position:relative;min-width:250px}.dashboard-container .admin-orders .filters-row .search-box input{width:100%;padding:12px 40px 12px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fff;font-size:.9rem}.dashboard-container .admin-orders .filters-row .search-box input:focus{outline:none;border-color:var(--orange)}.dashboard-container .admin-orders .filters-row .search-box .search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#ffffff80;display:flex;align-items:center}.dashboard-container .admin-orders .filters-row .filter-group{display:flex;align-items:center;gap:.5rem}.dashboard-container .admin-orders .filters-row .filter-group label{font-size:.9rem;color:#ffffffb3}.dashboard-container .admin-orders .filters-row .filter-group select{padding:10px 15px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fff;font-size:.9rem;cursor:pointer}.dashboard-container .admin-orders .filters-row .filter-group select:focus{outline:none;border-color:var(--orange)}.dashboard-container .admin-orders .filters-row .filter-group select option{background-color:var(--black2)}.dashboard-container .admin-orders .filters-row .refresh-btn{padding:10px 20px;border-radius:8px;border:none;background:var(--gradient);color:#fff;font-weight:600;cursor:pointer;transition:opacity .2s}.dashboard-container .admin-orders .filters-row .refresh-btn:hover{opacity:.9}.dashboard-container .admin-orders .admin-table{background-color:var(--black2);border-radius:12px;overflow:visible}.dashboard-container .admin-orders .admin-table .table-header{display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr 1fr .8fr 1.5fr;padding:1rem;background-color:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-container .admin-orders .admin-table .table-header .header1-cell{font-weight:600;font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.dashboard-container .admin-orders .admin-table .table-body .table-row{display:grid;grid-template-columns:1fr 2fr 1.5fr 1fr 1fr .8fr 1.5fr;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.dashboard-container .admin-orders .admin-table .table-body .table-row:hover{background-color:#ffffff08}.dashboard-container .admin-orders .admin-table .table-body .table-row:last-child{border-bottom:none}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell{display:flex;align-items:center;font-size:.9rem}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.amount{font-weight:600}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell .customer-info{display:flex;flex-direction:column}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell .customer-info span.user-id{font-size:.8rem;color:#ffffff80}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell .status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell .status-badge.status-success{background-color:#34d39933;color:#34d399}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell .status-badge.status-pending{background-color:#ff9f0033;color:#ff9f00}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell .status-badge.status-failed{background-color:#ef444433;color:#ef4444}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons{display:flex;gap:.5rem;align-items:center}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .view-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:6px;background-color:var(--black-lighter);color:#fff;text-decoration:none;transition:all .3s ease}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .view-btn:hover{background-color:var(--black-light)}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown{position:relative;z-index:10}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown .status-btn{display:inline-flex;align-items:center;gap:4px;position:relative;z-index:10;padding:6px 12px}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown .dropdown-content{display:none;position:absolute;right:0;top:100%;min-width:200px;background-color:var(--black2);border-radius:8px;box-shadow:0 4px 12px #0003;z-index:100000;margin-top:4px}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown .dropdown-content button{width:100%;text-align:left;padding:10px 16px;border:none;background:none;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s;z-index:10000}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown .dropdown-content button:hover{background-color:var(--black-lighter)}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown .dropdown-content button.active{background:var(--gradient)}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown:hover .dropdown-content,.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .dropdown:focus-within .dropdown-content{display:block}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .delete-btn{padding:6px 12px;border-radius:6px;background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:.8rem;cursor:pointer;transition:background-color .2s}.dashboard-container .admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons .delete-btn:hover{background-color:#ef444433}.dashboard-container .admin-orders .no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--black2);border-radius:12px;padding:4rem 2rem;text-align:center}.dashboard-container .admin-orders .no-results h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.dashboard-container .admin-orders .no-results p{font-size:1rem;color:#ffffffb3}.dashboard-container .admin-orders .error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--black2);border-radius:12px;padding:3rem 2rem;text-align:center}.dashboard-container .admin-orders .error-message h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#ef4444}.dashboard-container .admin-orders .error-message p{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem}.dashboard-container .admin-orders .error-message .retry-btn{background:var(--gradient);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.dashboard-container .admin-orders .error-message .retry-btn:hover{opacity:.9}@media (max-width: 1024px){.dashboard-container .sidebar{width:300px}}@media (max-width: 768px){.dashboard-container .sidebar{position:fixed;transform:translate(-100%);z-index:1000}.dashboard-container .sidebar.active{transform:translate(0)}.dashboard-container .sidebar .menu-toggle{display:block}.dashboard-container .admin-orders{padding:5rem 1rem}}@media screen and (max-width: 1200px){.admin-orders .admin-table .table-header,.admin-orders .admin-table .table-body .table-row{grid-template-columns:1fr 1.5fr 1.2fr .8fr 1fr .8fr 1.2fr}}@media screen and (max-width: 992px){.admin-orders{padding:5rem 1rem}.admin-orders .admin-table{overflow-x:auto;overflow-y:visible}.admin-orders .admin-table .table-header,.admin-orders .admin-table .table-body .table-row{min-width:900px}}@media screen and (max-width: 768px){.admin-orders{padding:5rem 1rem}.admin-orders .header1{margin-bottom:1.5rem}.admin-orders .header1 h1{font-size:1.75rem}.admin-orders .header1 .stats-cards{grid-template-columns:1fr}.admin-orders .filters-row{flex-direction:column;align-items:stretch}.admin-orders .filters-row .search-box,.admin-orders .filters-row .filter-group{width:100%}.admin-orders .filters-row .filter-group select{flex-grow:1}.admin-orders .filters-row .refresh-btn{width:100%}.admin-orders .admin-table{border-radius:8px}.admin-orders .admin-table .table-header{display:none}.admin-orders .admin-table .table-body .table-row{display:flex;flex-direction:column;padding:1rem;gap:.5rem}.admin-orders .admin-table .table-body .table-row .cell{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.admin-orders .admin-table .table-body .table-row .cell:before{content:attr(data-label);font-weight:600;width:40%;margin-right:1rem;min-width:120px;display:inline-block}.admin-orders .admin-table .table-body .table-row .cell:last-child{border-bottom:none}.admin-orders .admin-table .table-body .table-row .cell.actions .action-buttons{width:100%;justify-content:flex-end;flex-wrap:wrap}}.spinning{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--black2) 25%,var(--black-lighter) 50%,var(--black2) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.menu-items .menu-item svg{width:20px;height:20px}.profile-container{min-height:100vh;padding:5rem 1rem;color:#fff;display:flex;flex-direction:column;align-items:center}.profile-wrapper{width:100%;max-width:800px;margin:0 auto}.profile-title{font-size:2rem;font-weight:700;margin-bottom:2rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.profile-card{background-color:var(--black2);height:100%;border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 20px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600}.btn-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:transparent;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.btn-icon:hover{background-color:var(--black-lighter)}.btn-primary{padding:.75rem 1.5rem;border-radius:.5rem;background:var(--gradient);color:#fff;border:none;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;background:transparent;color:#fff;border:1px solid var(--black-light);font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:var(--black-lighter)}.avatar-section{display:flex;align-items:center;gap:2rem;padding:1rem 0}@media (max-width: 768px){.avatar-section{flex-direction:column;text-align:center;gap:1.5rem}}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-wrapper{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--black-light);transition:border-color .2s}.avatar-wrapper:hover{border-color:var(--orange)}@media (max-width: 768px){.avatar-wrapper{width:100px;height:100px}}.avatar-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;background:var(--gradient);display:flex;align-items:center;justify-content:center}.avatar-initials{font-size:2.5rem;font-weight:700;color:#fff;text-transform:uppercase}@media (max-width: 768px){.avatar-initials{font-size:2rem}}.avatar-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}@media (max-width: 768px){.avatar-actions{flex-direction:column;width:100%}}.btn-avatar{padding:.5rem 1rem;border-radius:.5rem;border:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}@media (max-width: 768px){.btn-avatar{width:100%;justify-content:center}}.btn-upload{background:var(--gradient);color:#fff}.btn-upload:hover{opacity:.9;transform:translateY(-1px)}.btn-remove{background:#dc262633;color:#dc2626;border:1px solid #dc2626}.btn-remove:hover{background:#dc26264d;transform:translateY(-1px)}.avatar-info{flex:1}@media (max-width: 768px){.avatar-info{text-align:center}}.avatar-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width: 768px){.avatar-name{font-size:1.25rem}}.avatar-desc{color:#b8b8b8;font-size:.875rem;line-height:1.5}.avatar-input{display:none}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}}.form-stack{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;color:#b8b8b8}.form-input{width:100%;padding:.75rem;border-radius:.5rem;background-color:var(--black3);border:1px solid var(--black-light);color:#fff;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--orange)}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-actions{margin:1.5rem 0;display:flex;justify-content:flex-end}.password-input-group{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:.75rem;background:transparent;border:none;color:#b8b8b8;cursor:pointer;font-size:.875rem}.password-toggle:hover{color:#fff}.success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#16a34a33;border:1px solid #16a34a;border-radius:.5rem;margin-bottom:1rem}.success-icon{color:#16a34a;font-weight:700}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#dc262633;border:1px solid #dc2626;border-radius:.5rem;margin-bottom:1rem}.error-icon{color:#dc2626;font-weight:700}.modal-error{margin-top:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.account-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--black-light)}.info-item:last-child{border-bottom:none}.info-label{color:#b8b8b8}.info-value{font-weight:500}.security-section{padding:.5rem 0}.security-info{display:flex;justify-content:space-between;align-items:center}.security-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}.security-desc{font-size:.875rem;color:#b8b8b8}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--black2);border-radius:1rem;width:100%;max-width:500px;box-shadow:0 8px 32px #0006;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--black-light)}.modal-title{font-size:1.25rem;font-weight:600;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.modal-close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:var(--black-lighter)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--black-light);margin-top:1rem}.modal-content form{padding:1.5rem}.profile-header{height:4rem;width:100%;border-radius:.5rem;margin-bottom:1rem}.profile-card{height:100%;width:100%;border-radius:.5rem}@media (max-width: 768px){.profile-title{font-size:1.75rem}.profile-card{padding:1rem}.section-title{font-size:1.125rem}.security-info{flex-direction:column;align-items:flex-start;gap:1rem}.modal-content{max-height:90vh;overflow-y:auto}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.offers-dashboard{flex:1;padding:5rem 2rem;color:#fff}.offers-dashboard .offers-header{margin-bottom:2rem}.offers-dashboard .offers-header h1{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem;margin-bottom:1.5rem}.offers-dashboard .offers-header .tab-buttons{display:flex;gap:1rem;margin-bottom:2rem}.offers-dashboard .offers-header .tab-buttons .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:var(--black2);color:#fff;cursor:pointer;transition:all .3s ease}.offers-dashboard .offers-header .tab-buttons .tab-btn:hover{background:var(--black-light)}.offers-dashboard .offers-header .tab-buttons .tab-btn.active{background:var(--gradient)}.offers-dashboard .content-wrapper .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;background:var(--gradient);color:#fff;cursor:pointer;margin-bottom:2rem;transition:transform .3s ease}.offers-dashboard .content-wrapper .add-btn:hover{transform:translateY(-2px)}.offers-dashboard .content-wrapper .offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.offers-dashboard .content-wrapper .offers-grid .offer-card{background:var(--black2);border-radius:12px;padding:1.5rem;transition:transform .3s ease}.offers-dashboard .content-wrapper .offers-grid .offer-card:hover{transform:translateY(-5px)}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-header h3{font-size:1.2rem;color:var(--orange)}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-header .offer-actions{display:flex;gap:.5rem}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-header .offer-actions button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-header .offer-actions button:hover{background:var(--black-light)}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-description{color:#fff;margin-bottom:1rem;font-size:.9rem;opacity:.8}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-details .discount{font-size:1.2rem;font-weight:600;color:var(--pink)}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-details .validity{font-size:.8rem;opacity:.7}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-status .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-status .status-badge.active{background:var(--gradient)}.offers-dashboard .content-wrapper .offers-grid .offer-card .offer-status .status-badge.inactive{background:var(--black-lighter)}.offers-dashboard .content-wrapper .offers-grid .coupon-card{background:var(--black2);border-radius:12px;padding:1.5rem;transition:transform .3s ease}.offers-dashboard .content-wrapper .offers-grid .coupon-card:hover{transform:translateY(-5px)}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-header h3{font-size:1.2rem;color:var(--pink);font-weight:600;letter-spacing:.5px}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-header .coupon-actions{display:flex;gap:.5rem}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-header .coupon-actions button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-header .coupon-actions button:hover{background:var(--black-light)}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-description{color:#fff;margin-bottom:1rem;font-size:.9rem;opacity:.8;line-height:1.4}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:var(--black3);border-radius:8px}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-details .discount{font-size:1.2rem;font-weight:600;color:var(--orange)}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-details .usage{font-size:.9rem;color:var(--black-lighter);padding:.25rem .75rem;background:var(--black2);border-radius:12px}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;opacity:.7}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-footer .min-value{color:var(--pink)}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-footer .validity{color:#fff}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-status{display:flex;justify-content:flex-end}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-status .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-status .status-badge.active{background:var(--gradient);color:#fff}.offers-dashboard .content-wrapper .offers-grid .coupon-card .coupon-status .status-badge.inactive{background:var(--black-lighter);color:#fffc}@media (max-width: 768px){.offers-grid .coupon-card .coupon-details,.offers-grid .coupon-card .coupon-footer{flex-direction:column;gap:.5rem;align-items:flex-start}}.coupon-card:hover .coupon-header h3{color:var(--orange)}.coupon-card:hover .coupon-actions button{opacity:1}.coupon-card .coupon-actions button{opacity:.7;transition:opacity .3s ease}.loading-skeleton .skeleton-row{height:200px;background:var(--black2);border-radius:12px;margin-bottom:1rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}@media (max-width: 768px){.offers-dashboard{padding:5rem 1rem}.offers-dashboard .offers-header h1{font-size:2rem}.offers-dashboard .offers-header .tab-buttons{flex-direction:column}.offers-dashboard .content-wrapper .offers-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-content{background:var(--black2);border-radius:12px;padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-overlay .modal-content .modal-header h2{color:var(--orange);font-size:1.5rem}.modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease}.modal-overlay .modal-content .modal-header .close-btn:hover{background:var(--black-light)}.modal-overlay .modal-content form .form-group{margin-bottom:1.5rem}.modal-overlay .modal-content form .form-group label{display:block;margin-bottom:.5rem;color:#fff}.modal-overlay .modal-content form .form-group input,.modal-overlay .modal-content form .form-group select,.modal-overlay .modal-content form .form-group textarea{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--black-lighter);background:var(--black3);color:#fff;font-size:1rem}.modal-overlay .modal-content form .form-group input:focus,.modal-overlay .modal-content form .form-group select:focus,.modal-overlay .modal-content form .form-group textarea:focus{outline:none;border-color:var(--orange)}.modal-overlay .modal-content form .form-group textarea{min-height:100px;resize:vertical}.modal-overlay .modal-content form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.modal-overlay .modal-content form .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal-overlay .modal-content form .checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.modal-overlay .modal-content form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.modal-overlay .modal-content form .form-actions button{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-size:1rem;transition:all .3s ease}.modal-overlay .modal-content form .form-actions button.cancel-btn{background:var(--black-lighter);color:#fff}.modal-overlay .modal-content form .form-actions button.cancel-btn:hover{background:var(--black-light)}.modal-overlay .modal-content form .form-actions button.submit-btn{background:var(--gradient);color:#fff}.modal-overlay .modal-content form .form-actions button.submit-btn:hover{transform:translateY(-2px)}@media (max-width: 768px){.modal-content{padding:1.5rem}.modal-content form .form-row{grid-template-columns:1fr}}.banner-admin-container{margin:0 auto;padding:5rem 2rem;color:#fff}.banner-admin-container .admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.banner-admin-container .admin-header h1{font-size:2rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.banner-admin-container .add-banner-btn{background:var(--gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.banner-admin-container .add-banner-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #da2f6880}.banner-admin-container .error-message{background-color:#f003;border-left:4px solid #ff0033;padding:1rem;margin-bottom:1rem;border-radius:4px}.banner-admin-container .loading-container{display:flex;flex-direction:column;gap:1rem}.banner-admin-container .loading-container .banner-skeleton{height:120px;width:100%;border-radius:8px}.banner-admin-container .banners-list{display:flex;flex-direction:column;gap:1rem}.banner-admin-container .no-banners{text-align:center;padding:3rem;background-color:var(--black2);border-radius:8px;color:#8b98ab}.banner-admin-container .banner-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--black2);border-radius:8px;padding:1rem;transition:all .3s ease;border:1px solid transparent}.banner-admin-container .banner-item:hover{border-color:var(--black-lighter);transform:translateY(-3px);box-shadow:0 5px 15px #0003}.banner-admin-container .banner-item.inactive{opacity:.7;background-color:var(--black3)}.banner-admin-container .banner-item .banner-info{display:flex;align-items:center;gap:1rem;flex:1}.banner-admin-container .banner-item .banner-preview{width:180px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0}.banner-admin-container .banner-item .banner-preview img{width:100%;height:100%;object-fit:cover}.banner-admin-container .banner-item .banner-details h3{margin:0 0 .5rem;font-size:1.25rem}.banner-admin-container .banner-item .banner-details .banner-link{color:#8b98ab;margin-bottom:.75rem;word-break:break-all;max-width:500px}.banner-admin-container .banner-item .banner-details .banner-link span{color:#f89e00}.banner-admin-container .banner-item .banner-details .banner-meta{display:flex;gap:1rem}.banner-admin-container .banner-item .banner-details .banner-meta .status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.banner-admin-container .banner-item .banner-details .banner-meta .status.active{background-color:#00ff6433;color:#00ff64}.banner-admin-container .banner-item .banner-details .banner-meta .status.inactive{background-color:#ff646433;color:#ff6464}.banner-admin-container .banner-item .banner-details .banner-meta .position{color:#8b98ab;font-size:.9rem}.banner-admin-container .banner-item .banner-actions{display:flex;gap:.5rem;align-items:center}.banner-admin-container .banner-item .banner-actions .drag-handle{cursor:grab;padding:.5rem;color:#8b98ab}.banner-admin-container .banner-item .banner-actions .drag-handle:active{cursor:grabbing}.banner-admin-container .banner-item .banner-actions .drag-handle i{font-size:1.2rem}.banner-admin-container .banner-item .banner-actions button{border:none;padding:.5rem .75rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.banner-admin-container .banner-item .banner-actions button:hover{transform:translateY(-2px)}.banner-admin-container .banner-item .banner-actions .toggle-status-btn{background-color:#1c4b91;color:#fff}.banner-admin-container .banner-item .banner-actions .toggle-status-btn:hover{background-color:#173d77}.banner-admin-container .banner-item .banner-actions .edit-btn{background-color:#f89e00;color:#fff}.banner-admin-container .banner-item .banner-actions .edit-btn:hover{background-color:#d88c00}.banner-admin-container .banner-item .banner-actions .delete-btn{background-color:#da2f68;color:#fff}.banner-admin-container .banner-item .banner-actions .delete-btn:hover{background-color:#c41a53}.banner-admin-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.banner-admin-container .modal-content{background-color:var(--black2);border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.banner-admin-container .modal-content h2{margin-top:0;margin-bottom:1.5rem;text-align:center;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-admin-container .modal-content .form-group{margin-bottom:1.5rem}.banner-admin-container .modal-content .form-group label{display:block;margin-bottom:.5rem;color:#8b98ab}.banner-admin-container .modal-content .form-group input[type=text],.banner-admin-container .modal-content .form-group input[type=url]{width:100%;padding:.75rem;border-radius:4px;border:1px solid var(--black-lighter);background-color:var(--black3);color:#fff;font-size:1rem}.banner-admin-container .modal-content .form-group input[type=text]:focus,.banner-admin-container .modal-content .form-group input[type=url]:focus{outline:none;border-color:#f89e00;box-shadow:0 0 0 2px #f89e004d}.banner-admin-container .modal-content .form-group input[type=text]:disabled,.banner-admin-container .modal-content .form-group input[type=url]:disabled{opacity:.5;cursor:not-allowed}.banner-admin-container .modal-content .form-group.checkbox-group{display:flex;align-items:center;gap:.5rem}.banner-admin-container .modal-content .form-group.checkbox-group label{margin-bottom:0}.banner-admin-container .modal-content .form-group.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#f89e00}.banner-admin-container .modal-content .image-upload-container{border:2px dashed var(--black-lighter);border-radius:8px;overflow:hidden;position:relative;min-height:150px;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.banner-admin-container .modal-content .image-upload-container.error{border-color:#f03}.banner-admin-container .modal-content .image-upload-container .image-preview{width:100%;height:200px;position:relative}.banner-admin-container .modal-content .image-upload-container .image-preview img{width:100%;height:100%;object-fit:contain}.banner-admin-container .modal-content .image-upload-container .image-preview .remove-image{position:absolute;top:10px;right:10px;background-color:#000000b3;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s ease}.banner-admin-container .modal-content .image-upload-container .image-preview .remove-image:hover{background-color:#da2f68;transform:scale(1.1)}.banner-admin-container .modal-content .image-upload-container .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b98ab;text-align:center;padding:2rem;cursor:pointer;width:100%;height:100%;position:relative}.banner-admin-container .modal-content .image-upload-container .upload-placeholder:hover{background-color:#1c4b911a}.banner-admin-container .modal-content .image-upload-container .upload-placeholder input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.banner-admin-container .modal-content .or-divider{text-align:center;position:relative;margin:1rem 0}.banner-admin-container .modal-content .or-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--black-lighter)}.banner-admin-container .modal-content .or-divider span{position:relative;background-color:var(--black2);padding:0 1rem;color:#8b98ab}.banner-admin-container .modal-content .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.banner-admin-container .modal-content .form-actions button{padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s ease}.banner-admin-container .modal-content .form-actions button:hover:not(:disabled){transform:translateY(-2px)}.banner-admin-container .modal-content .form-actions button:disabled{opacity:.7;cursor:not-allowed}.banner-admin-container .modal-content .form-actions .cancel-btn{background-color:transparent;border:1px solid #8b98ab;color:#8b98ab}.banner-admin-container .modal-content .form-actions .cancel-btn:hover{background-color:#8b98ab1a}.banner-admin-container .modal-content .form-actions .submit-btn{background:var(--gradient);border:none;color:#fff}.banner-admin-container .modal-content .form-actions .submit-btn:hover:not(:disabled){box-shadow:0 0 15px #da2f6880}@media (max-width: 768px){.banner-admin-container{padding:5rem 1rem}.banner-admin-container .banner-item{flex-direction:column;align-items:flex-start}.banner-admin-container .banner-item .banner-info{width:100%;margin-bottom:1rem}.banner-admin-container .banner-item .banner-actions{width:100%;justify-content:space-between}.banner-admin-container .modal-content{width:95%;padding:1.5rem}}.dashboard-container{display:flex;min-height:100vh}.dashboard{flex:1;padding:20px;transition:margin .3s ease;color:#fff}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-header h1{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem}.header-actions{display:flex;align-items:center}.add-section-btn{background:var(--gradient);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .3s ease}.add-section-btn:hover{transform:translateY(-2px)}.sections-container{position:relative}.sections-container.dragging{cursor:grabbing}.drag-instructions{margin-bottom:15px;padding:12px 15px;background-color:var(--black3);border-radius:8px;border-left:4px solid var(--primary)}.drag-instructions p{margin:0;font-size:.9rem;color:#fff}.sections-list{display:flex;flex-direction:column;gap:15px}.section-card{background-color:var(--black2);border-radius:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.section-card.dragging{box-shadow:0 8px 16px #0003;opacity:.9;transform:scale(1.01)}.section-card.expanded{box-shadow:0 8px 16px #0003}.section-header{display:flex;align-items:center;padding:15px;border-bottom:1px solid var(--black-lighter)}.section-header .drag-handle{cursor:grab;color:var(--grey);margin-right:12px;display:flex;align-items:center}.section-header .drag-handle:hover{color:var(--orange)}.section-header .section-type-icon{background:var(--black3);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}.section-header .section-type-icon svg{color:var(--orange)}.section-header .section-info{flex:1}.section-header .section-info h3{margin:0 0 5px;font-size:1.2rem;font-weight:600}.section-header .section-info .section-meta{display:flex;gap:12px;font-size:.8rem}.section-header .section-info .section-meta .section-type{color:var(--orange);text-transform:uppercase}.section-header .section-info .section-meta .section-slug{color:var(--grey)}.section-header .section-info .section-meta .section-status{padding:2px 8px;border-radius:12px;font-size:.75rem}.section-header .section-info .section-meta .section-status.active{background:var(--gradient);color:#fff}.section-header .section-info .section-meta .section-status.inactive{background:var(--black-lighter);color:var(--grey)}.section-header .section-actions{display:flex;gap:8px}.section-header .section-actions button{background:none;border:none;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.section-header .section-actions button:hover{background:var(--black3)}.section-header .section-actions button.edit-btn:hover{color:var(--orange)}.section-header .section-actions button.delete-btn:hover{color:var(--pink)}.section-header .section-actions button.expand-btn:hover{color:var(--orange)}.section-content{padding:20px;background:var(--black3)}.section-content .section-description{margin-bottom:15px;padding:10px;border-radius:6px;background:#ffffff0d;font-style:italic;color:var(--grey)}.section-content h4{margin:0 0 15px;font-size:1.1rem;color:var(--orange);border-bottom:1px solid var(--black-lighter);padding-bottom:8px}.section-games,.section-banners{margin-top:20px}.add-game-form{display:flex;gap:10px;margin-bottom:20px}.add-game-form select{flex:1;padding:8px 12px;border-radius:6px;background:var(--black2);border:1px solid var(--black-lighter);color:#fff;font-size:.9rem}.add-game-form .add-item-btn{background:var(--black2);color:#fff;border:1px solid var(--black-lighter);padding:8px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.add-game-form .add-item-btn:hover{background:var(--black-light);border-color:var(--orange)}.add-banner-form{background:var(--black2);padding:15px;border-radius:8px;margin-bottom:20px}.add-banner-form .form-group{margin-bottom:12px}.add-banner-form .form-group label{display:block;margin-bottom:5px;font-size:.9rem;color:var(--grey)}.add-banner-form .form-group input[type=text]{width:100%;padding:8px 12px;border-radius:6px;background:var(--black3);border:1px solid var(--black-lighter);color:#fff;font-size:.9rem}.add-banner-form .add-item-btn{background:var(--gradient);color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;margin-top:10px;transition:all .2s ease}.add-banner-form .add-item-btn:hover{transform:translateY(-2px)}.games-list,.banners-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.game-item,.banner-item{background:var(--black2);border-radius:8px;padding:10px;display:flex;align-items:center;position:relative;transition:all .2s ease}.game-item:hover,.banner-item:hover{box-shadow:0 4px 12px #0003}.game-item.dragging,.banner-item.dragging{background:var(--black-light);box-shadow:0 8px 16px #0003;z-index:10}.game-item .item-drag-handle,.banner-item .item-drag-handle{color:var(--grey);cursor:grab;display:flex;align-items:center;padding:0 5px}.game-item .item-drag-handle:hover,.banner-item .item-drag-handle:hover{color:var(--orange)}.game-item .game-thumbnail,.game-item .banner-thumbnail,.banner-item .game-thumbnail,.banner-item .banner-thumbnail{width:50px;height:50px;border-radius:6px;overflow:hidden;margin:0 10px}.game-item .game-thumbnail img,.game-item .banner-thumbnail img,.banner-item .game-thumbnail img,.banner-item .banner-thumbnail img{width:100%;height:100%;object-fit:cover}.game-item .game-thumbnail .thumbnail-placeholder,.game-item .banner-thumbnail .thumbnail-placeholder,.banner-item .game-thumbnail .thumbnail-placeholder,.banner-item .banner-thumbnail .thumbnail-placeholder{width:100%;height:100%;background:var(--black3);display:flex;align-items:center;justify-content:center;color:var(--grey)}.game-item .game-info,.game-item .banner-info,.banner-item .game-info,.banner-item .banner-info{flex:1;overflow:hidden}.game-item .game-info h5,.game-item .banner-info h5,.banner-item .game-info h5,.banner-item .banner-info h5{margin:0 0 5px;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-item .game-info p,.game-item .banner-info p,.banner-item .game-info p,.banner-item .banner-info p{margin:0;font-size:.85rem;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-item .game-info .video-badge,.game-item .banner-info .video-badge,.banner-item .game-info .video-badge,.banner-item .banner-info .video-badge{display:inline-flex;align-items:center;gap:4px;background:var(--black-lighter);color:var(--orange);font-size:.75rem;padding:2px 6px;border-radius:10px;margin-top:5px}.game-item .remove-item-btn,.banner-item .remove-item-btn{background:none;border:none;color:var(--grey);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.game-item .remove-item-btn:hover,.banner-item .remove-item-btn:hover{background:var(--black3);color:var(--pink)}.no-items{padding:20px;text-align:center;background:var(--black2);border-radius:8px;color:var(--grey);font-style:italic}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:var(--black2);width:90%;max-width:600px;border-radius:10px;box-shadow:0 10px 25px #00000080}.modal-header{padding:15px 20px;border-bottom:1px solid var(--black-lighter);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.4rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-header .close-modal{background:none;border:none;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-header .close-modal:hover{background:var(--black3);color:var(--pink)}.modal-body{max-height:80vh;overflow-y:auto}.modal-body form .form-group{margin-bottom:20px}.modal-body form .form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500}.modal-body form .form-group input[type=text],.modal-body form .form-group select,.modal-body form .form-group textarea{width:100%;padding:10px 12px;border-radius:6px;background:var(--black3);border:1px solid var(--black-lighter);color:#fff;font-size:.95rem}.modal-body form .form-group input[type=text]:focus,.modal-body form .form-group select:focus,.modal-body form .form-group textarea:focus{outline:none;border-color:var(--orange)}.modal-body form .form-group textarea{resize:vertical;min-height:80px}.modal-body form .form-group .field-hint{margin-top:5px;font-size:.8rem;color:#fff;font-style:italic}.modal-body form .form-group.checkbox-group{display:flex;flex-direction:column}.modal-body form .form-group.checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.modal-body form .form-group.checkbox-group .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-footer button{padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer button.cancel-btn{background:var(--black3);color:#fff;border:1px solid var(--black-lighter)}.modal-footer button.cancel-btn:hover{background:var(--black-light)}.modal-footer button.save-btn{background:var(--gradient);color:#fff;border:none}.modal-footer button.save-btn:hover{transform:translateY(-2px)}.error-message{color:var(--pink);background-color:#ff63841a;padding:8px 12px;border-radius:4px;margin-right:15px;font-size:.9rem}.loading-skeleton .skeleton-row{height:80px;background-color:var(--black-lighter);margin-bottom:15px;border-radius:8px;position:relative;overflow:hidden}.loading-skeleton .skeleton-row:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#19376300 0,#19376333 20%,#19376380 60%,#19376300);animation:shimmer 2s infinite;content:""}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--orange);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-results{text-align:center;padding:50px 20px;background:var(--black2);border-radius:10px;color:var(--grey);font-size:1.1rem}@media (max-width: 768px){.dashboard{padding:15px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.dashboard-header h1{font-size:1.8rem}.dashboard-header .header-actions{width:100%;justify-content:space-between}.section-header{flex-wrap:wrap}.section-header .section-info{width:100%;margin:10px 0}.section-header .section-actions{margin-left:auto}.section-meta{flex-wrap:wrap}.games-list,.banners-list{grid-template-columns:1fr}.add-game-form{flex-direction:column}.modal-content{width:95%;max-height:90vh}}.image-upload-container{border:2px dashed var(--black-lighter);border-radius:8px;overflow:hidden;height:180px;position:relative;cursor:pointer;transition:border-color .3s;margin-bottom:10px;background:var(--black3)}.image-upload-container:hover{border-color:var(--orange)}.upload-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b9bb4;position:relative}.upload-placeholder input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-preview{height:100%;position:relative}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview .remove-image{position:absolute;top:10px;right:10px;background:#000000b3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background-color .3s}.image-preview .remove-image:hover{background:#da2f68cc}.terms-conditions-page{min-height:80vh;padding:5rem 1rem;color:#fff;background:var(--black3)}.terms-conditions-page .terms-conditions-container{max-width:1200px;margin:0 auto;background:var(--black2);border-radius:12px;padding:2rem 1.5rem;box-shadow:0 2px 16px #0000001f}.terms-conditions-page .terms-conditions-container h1{font-size:2rem;margin-bottom:1.5rem;color:var(--orange)}.terms-conditions-page .terms-conditions-container h2{font-size:1.15rem;margin:1.5rem 0 .5rem;color:var(--pink)}.terms-conditions-page .terms-conditions-container ul{margin:0 0 1rem 1.5rem}.terms-conditions-page .terms-conditions-container ul li{margin-bottom:.3rem;list-style:disc}.terms-conditions-page .terms-conditions-container a{color:var(--orange);text-decoration:underline}.terms-conditions-page .terms-conditions-container a:hover{color:var(--pink)}.terms-conditions-page .terms-conditions-container p{margin-bottom:1rem;line-height:1.7}.faq-page{min-height:80vh;padding:5rem 1rem;background:var(--black3);color:#fff}.faq-page .faq-container{max-width:900px;margin:0 auto;background:var(--black2);border-radius:12px;padding:2rem 1.5rem;box-shadow:0 2px 16px #0000001f}.faq-page .faq-container h1{font-size:2rem;margin-bottom:2rem;color:var(--orange);text-align:center}.faq-page .faq-container .faq-list .faq-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.faq-page .faq-container .faq-list .faq-item:last-child{border-bottom:none}.faq-page .faq-container .faq-list .faq-item .faq-question{font-size:1.15rem;color:var(--pink);margin-bottom:.5rem}.faq-page .faq-container .faq-list .faq-item .faq-answer{font-size:1rem;color:#e0e0e0;line-height:1.7}.faq-page .faq-container .faq-list .faq-item .faq-answer a{color:var(--orange);text-decoration:underline}.faq-page .faq-container .faq-list .faq-item .faq-answer a:hover{color:var(--pink)}.dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.dashboard .dashboard-header{flex-direction:column;align-items:flex-start}}.dashboard .dashboard-header .reviews-stats{display:flex;gap:20px}@media (max-width: 576px){.dashboard .dashboard-header .reviews-stats{width:100%;justify-content:space-between}}.dashboard .dashboard-header .reviews-stats .stat-item{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background-color:var(--black2);border-radius:8px;min-width:100px}.dashboard .dashboard-header .reviews-stats .stat-item .stat-label{font-size:.9rem;color:var(--pink);margin-bottom:5px}.dashboard .dashboard-header .reviews-stats .stat-item .stat-value{font-size:1.5rem;font-weight:600;color:#fff}.dashboard .reviews-filters{margin-bottom:30px}.dashboard .reviews-filters .filter-group{display:flex;gap:15px;flex-wrap:wrap}@media (max-width: 576px){.dashboard .reviews-filters .filter-group{flex-direction:column}}.dashboard .reviews-filters .filter-group .search-input,.dashboard .reviews-filters .filter-group .rating-filter{padding:12px 16px;background-color:var(--black2);border:1px solid var(--black-lighter);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.dashboard .reviews-filters .filter-group .search-input:focus,.dashboard .reviews-filters .filter-group .rating-filter:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 2px #da2f6833}.dashboard .reviews-filters .filter-group .search-input::placeholder,.dashboard .reviews-filters .filter-group .rating-filter::placeholder{color:#aaa}.dashboard .reviews-filters .filter-group .search-input{flex:1;min-width:200px}@media (max-width: 576px){.dashboard .reviews-filters .filter-group .search-input{min-width:100%}}.dashboard .reviews-filters .filter-group .rating-filter{min-width:150px}@media (max-width: 576px){.dashboard .reviews-filters .filter-group .rating-filter{min-width:100%}}.dashboard .reviews-filters .filter-group .rating-filter option{background-color:var(--black2);color:#fff}.dashboard .reviews-container .loading-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}@media (max-width: 576px){.dashboard .reviews-container .loading-reviews{grid-template-columns:1fr}}.dashboard .reviews-container .loading-reviews .review-card{height:200px;border-radius:12px}.dashboard .reviews-container .no-reviews{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:var(--black2);border-radius:12px;text-align:center}.dashboard .reviews-container .no-reviews svg{color:var(--pink);margin-bottom:20px}.dashboard .reviews-container .no-reviews h3{color:#fff;margin-bottom:10px;font-size:1.5rem}.dashboard .reviews-container .no-reviews p{color:#aaa;font-size:1rem}.dashboard .reviews-container .reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}@media (max-width: 576px){.dashboard .reviews-container .reviews-grid{grid-template-columns:1fr}}.dashboard .reviews-container .reviews-grid .review-card{background-color:var(--black2);border-radius:12px;padding:20px;transition:all .3s ease;border:1px solid transparent}.dashboard .reviews-container .reviews-grid .review-card:hover{background-color:var(--black-light);transform:translateY(-2px);border-color:var(--black-lighter)}.dashboard .reviews-container .reviews-grid .review-card .review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-rating{display:flex;align-items:center;gap:8px}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-rating .star-filled{color:var(--orange);fill:var(--orange)}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-rating .star-empty{color:#444}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-rating .rating-number{color:#fff;font-weight:600;font-size:.9rem}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-actions{display:flex;gap:8px}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-actions .action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-actions .action-btn.view-btn{color:var(--orange)}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-actions .action-btn.view-btn:hover{background-color:#f89e001a}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-actions .action-btn.delete-btn{color:#ff4757}.dashboard .reviews-container .reviews-grid .review-card .review-header .review-actions .action-btn.delete-btn:hover{background-color:#ff47571a}.dashboard .reviews-container .reviews-grid .review-card .review-content{margin-bottom:15px}.dashboard .reviews-container .reviews-grid .review-card .review-content .review-text{color:#ddd;line-height:1.5;font-size:.95rem}.dashboard .reviews-container .reviews-grid .review-card .review-meta{display:flex;flex-direction:column;gap:8px}.dashboard .reviews-container .reviews-grid .review-card .review-meta .meta-item{display:flex;align-items:center;gap:8px;color:#aaa;font-size:.85rem}.dashboard .reviews-container .reviews-grid .review-card .review-meta .meta-item svg{color:var(--pink)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#04152dcc;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay .modal-content{background-color:var(--black2);border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--black-lighter)}.modal-overlay .modal-content.delete-modal{max-width:400px}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--black-lighter)}.modal-overlay .modal-content .modal-header h2{color:#fff;margin:0;display:flex;align-items:center;gap:10px}.modal-overlay .modal-content .modal-header .warning-icon{color:#ff4757}.modal-overlay .modal-content .modal-header .close-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.modal-overlay .modal-content .modal-header .close-btn:hover{color:#fff;background-color:var(--black-lighter)}.modal-overlay .modal-content .modal-body{padding:20px}.modal-overlay .modal-content .modal-body .review-detail-rating{display:flex;align-items:center;gap:10px;margin-bottom:20px}.modal-overlay .modal-content .modal-body .review-detail-rating .star-filled{color:var(--orange);fill:var(--orange)}.modal-overlay .modal-content .modal-body .review-detail-rating .star-empty{color:#444}.modal-overlay .modal-content .modal-body .review-detail-rating .rating-text{color:#fff;font-weight:600}.modal-overlay .modal-content .modal-body .review-detail-text{margin-bottom:20px}.modal-overlay .modal-content .modal-body .review-detail-text h4{color:var(--pink);margin-bottom:10px}.modal-overlay .modal-content .modal-body .review-detail-text p{color:#ddd;line-height:1.6;background-color:var(--black3);padding:15px;border-radius:8px;border-left:3px solid var(--orange)}.modal-overlay .modal-content .modal-body .review-detail-meta .meta-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--black-lighter)}.modal-overlay .modal-content .modal-body .review-detail-meta .meta-row:last-child{border-bottom:none}.modal-overlay .modal-content .modal-body .review-detail-meta .meta-row strong{color:var(--pink);font-weight:600}.modal-overlay .modal-content .modal-body .review-detail-meta .meta-row span{color:#ddd;word-break:break-all;text-align:right;max-width:60%}.modal-overlay .modal-content .modal-body p{color:#ddd;line-height:1.5;margin:0}.modal-overlay .modal-content .modal-actions{padding:20px;border-top:1px solid var(--black-lighter);display:flex;justify-content:flex-end;gap:10px}.modal-overlay .modal-content .modal-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.modal-overlay .modal-content .modal-actions button.btn-secondary{background-color:var(--black-lighter);color:#fff}.modal-overlay .modal-content .modal-actions button.btn-secondary:hover{background-color:var(--black-light)}.modal-overlay .modal-content .modal-actions button.btn-danger{background-color:#ff4757;color:#fff}.modal-overlay .modal-content .modal-actions button.btn-danger:hover{background-color:#ff3742}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-overlay .modal-content .modal-header,.modal-overlay .modal-content .modal-body,.modal-overlay .modal-content .modal-actions{padding:15px}.modal-overlay .modal-content .modal-body .review-detail-meta .meta-row{flex-direction:column;align-items:flex-start;gap:5px}.modal-overlay .modal-content .modal-body .review-detail-meta .meta-row span{max-width:100%;text-align:left}.modal-overlay .modal-content .modal-actions{flex-direction:column}.modal-overlay .modal-content .modal-actions button{width:100%;justify-content:center}}.qr-admin-layout{display:flex;min-height:100vh;background:var(--black)}.qr-admin-layout .qr-main{flex:1;padding:5rem 2rem;display:flex;flex-direction:column;align-items:center}.qr-admin-layout .qr-main .qr-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:32px;text-align:center}.qr-admin-layout .qr-main .qr-card{background:var(--black2);border-radius:16px;padding:32px 24px;box-shadow:0 2px 16px #0000001a;min-width:320px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center}.qr-admin-layout .qr-main .qr-card .qr-image-section{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-image-wrapper{width:220px;height:220px;background:var(--black3);border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid var(--black-lighter);margin-bottom:8px;overflow:hidden}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-image-wrapper .qr-image{width:100%;height:100%;object-fit:contain;border-radius:12px;background:#fff}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-image-wrapper .qr-image-skeleton{width:100%;height:100%;border-radius:12px;background:#222a3a;animation:shimmer 2s infinite linear;background:linear-gradient(90deg,#222a3a 25%,#2c3650,#222a3a 75%);background-size:400% 100%}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-upload-btn{width:100%;padding:12px 0;font-size:1.1rem;font-weight:600;border-radius:8px;background:var(--gradient);color:#fff;border:none;cursor:pointer;transition:background .2s}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-upload-btn:disabled{opacity:.7;cursor:not-allowed}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-success{color:#2ecc40;font-weight:600;margin-top:8px}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-error{color:#ff4757;font-weight:600;margin-top:8px}@media (max-width: 900px){.qr-admin-layout{flex-direction:column}.qr-admin-layout .qr-sidebar{width:100%;min-height:unset;border-right:none;border-bottom:1px solid var(--black-lighter);padding:20px 10px}.qr-admin-layout .qr-sidebar h2{margin-bottom:12px}.qr-admin-layout .qr-main{padding:24px 8px}.qr-admin-layout .qr-main .qr-card{padding:20px 8px;min-width:unset;max-width:100%}}@media (max-width: 600px){.qr-admin-layout .qr-main .qr-title{font-size:1.3rem}.qr-admin-layout .qr-main .qr-card .qr-image-section .qr-image-wrapper{width:140px;height:140px}}.giveaway-container{min-height:100vh;background:var(--black);color:#fff;padding:20px}@media only screen and (min-width: 768px){.giveaway-container{padding:40px}}.giveaway-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:40px}@media only screen and (min-width: 768px){.giveaway-content{gap:60px}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--orange);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{font-size:18px;opacity:.8}.error-message{text-align:center;padding:60px 20px}.error-message h2{font-size:32px;margin-bottom:16px;color:var(--pink)}.error-message p{font-size:18px;opacity:.8}.giveaway-header{text-align:center;padding:20px 0}@media only screen and (min-width: 768px){.giveaway-header{padding:40px 0}}.title-section{display:flex;flex-direction:column;align-items:center;gap:16px}.crown-icon{color:var(--orange);filter:drop-shadow(0 0 20px rgba(248,158,0,.3))}.giveaway-title{font-size:32px;font-weight:700;margin:0}@media only screen and (min-width: 768px){.giveaway-title{font-size:48px}}@media only screen and (min-width: 1024px){.giveaway-title{font-size:56px}}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.giveaway-description{font-size:16px;opacity:.8;max-width:600px;line-height:1.6;margin:0}@media only screen and (min-width: 768px){.giveaway-description{font-size:18px}}.game-showcase{display:flex;justify-content:center;margin:20px 0}.game-card{background:linear-gradient(145deg,var(--black-light),var(--black2));border-radius:16px;padding:20px;max-width:400px;width:100%;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.game-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 10px 30px #f89e001a}.game-image{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:16px}.game-image img{width:100%;height:100%;object-fit:cover}.game-image .game-overlay{position:absolute;top:10px;right:10px;background:#000000b3;border-radius:8px;padding:8px;color:var(--orange)}.game-info h3{font-size:20px;font-weight:600;margin-bottom:8px}.game-info .game-genre{color:#ffffffb3;margin-bottom:12px}.game-info .game-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gradient);padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.stats-section{display:grid;grid-template-columns:1fr;gap:20px}@media only screen and (min-width: 768px){.stats-section{grid-template-columns:repeat(3,1fr)}}.stat-card{background:linear-gradient(145deg,var(--black-light),var(--black2));border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stat-card:hover{border-color:var(--orange);transform:translateY(-2px)}.stat-card .stat-icon{color:var(--orange);flex-shrink:0}.stat-card .stat-content{display:flex;flex-direction:column;gap:4px}.stat-card .stat-number{font-size:24px;font-weight:700;color:#fff}.stat-card .stat-label{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.spinner-section{display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px 0}.spinner-container{display:flex;justify-content:center;width:100%}.name-display{position:relative;width:300px;height:300px;border-radius:50%;background:linear-gradient(145deg,var(--black2),var(--black3));border:3px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media only screen and (min-width: 768px){.name-display{width:400px;height:400px}}.name-display.spinning{animation:pulse 2s ease-in-out infinite;border-color:var(--orange);box-shadow:0 0 40px #f89e004d}.name-display.winner{border-color:var(--pink);box-shadow:0 0 60px #da2f6866;animation:celebrate 1s ease-in-out}.name-content{text-align:center;padding:20px;z-index:2}.name-content .initial-text{display:flex;flex-direction:column;align-items:center;gap:16px}.name-content .initial-text .question-mark{font-size:80px;color:var(--orange);font-weight:700}@media only screen and (min-width: 768px){.name-content .initial-text .question-mark{font-size:100px}}.name-content .initial-text .ready-text{font-size:18px;color:#fffc}@media only screen and (min-width: 768px){.name-content .initial-text .ready-text{font-size:20px}}.name-content .spinning-name{font-size:24px;font-weight:600;color:#fff;word-break:break-word}@media only screen and (min-width: 768px){.name-content .spinning-name{font-size:28px}}.spinning-effects{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none}.spinning-effects .glow-ring,.spinning-effects .pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--orange)}.spinning-effects .glow-ring{animation:rotate 2s linear infinite;opacity:.8}.spinning-effects .pulse-ring{animation:pulse-ring 2s ease-in-out infinite;opacity:.4}.winner-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.winner-effects .winner-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:var(--gradient);padding:8px 20px;border-radius:20px;font-size:16px;font-weight:700;box-shadow:0 4px 20px #da2f6866;animation:bounce 1s ease-in-out infinite}.winner-effects .sparkles{position:absolute;top:0;right:0;bottom:0;left:0}.winner-effects .sparkles .sparkle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180px);font-size:20px;animation:sparkle 2s ease-in-out infinite;animation-delay:var(--delay)}.controls{display:flex;flex-direction:column;align-items:center;gap:20px}.spin-btn{position:relative;background:var(--gradient);border:none;border-radius:50px;padding:16px 40px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;overflow:hidden}@media only screen and (min-width: 768px){.spin-btn{padding:20px 50px;font-size:20px}}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #f89e004d}.spin-btn:disabled{opacity:.5;cursor:not-allowed}.spin-btn.spinning{animation:button-pulse 2s ease-in-out infinite}.spin-btn.spinning .play-icon{animation:rotate 2s linear infinite}.spin-btn .btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:glow-sweep 2s ease-in-out infinite}.reset-btn{background:transparent;border:2px solid var(--pink);color:var(--pink);border-radius:25px;padding:12px 30px;font-size:16px;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:var(--pink);color:#fff;transform:translateY(-2px)}.winner-section{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.winner-announcement{display:flex;flex-direction:column;align-items:center;gap:20px}.winner-announcement .winner-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--pink);box-shadow:0 0 20px #da2f684d}.winner-announcement .winner-avatar img{width:100%;height:100%;object-fit:cover}.winner-announcement h2{font-size:32px;font-weight:700;margin:0}@media only screen and (min-width: 768px){.winner-announcement h2{font-size:40px}}.winner-announcement p{font-size:18px;line-height:1.6;margin:0}@media only screen and (min-width: 768px){.winner-announcement p{font-size:20px}}.winner-announcement .winner-name{color:var(--orange);font-size:22px}@media only screen and (min-width: 768px){.winner-announcement .winner-name{font-size:24px}}.winner-announcement .prize-name{color:var(--pink);font-weight:600}.requirements-section{background:linear-gradient(145deg,var(--black-light),var(--black2));border-radius:16px;padding:30px;border:1px solid rgba(255,255,255,.1)}.requirements-section h3{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:20px;color:var(--orange)}.requirements-section ul{list-style:none;display:flex;flex-direction:column;gap:12px}.requirements-section ul li{position:relative;padding-left:30px;line-height:1.6}.requirements-section ul li:before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700;font-size:16px}.participants-section h3{display:flex;align-items:center;gap:12px;font-size:24px;margin-bottom:30px;color:#fff}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}@media only screen and (min-width: 768px){.participants-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.participant-card{position:relative;background:linear-gradient(145deg,var(--black-light),var(--black2));border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.participant-card:hover{transform:translateY(-2px);border-color:var(--orange)}.participant-card.winner{border-color:var(--pink);box-shadow:0 0 20px #da2f6833}.participant-card.winner .participant-name{color:var(--pink);font-weight:600}.participant-card .participant-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.participant-card .participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-card .participant-name{font-size:16px;font-weight:500;text-align:center;word-break:break-word}.participant-card .winner-crown{position:absolute;top:-10px;right:-10px;color:var(--orange);background:var(--black2);border-radius:50%;padding:8px;border:2px solid var(--orange);animation:bounce 1s ease-in-out infinite}.no-participants{text-align:center;padding:60px 20px;color:#fff9}.no-participants svg{margin-bottom:16px;opacity:.5}.no-participants p{font-size:18px}.giveaway-info{display:flex;flex-direction:column;gap:16px;padding:30px;background:linear-gradient(145deg,var(--black-light),var(--black2));border-radius:16px;border:1px solid rgba(255,255,255,.1)}@media only screen and (min-width: 768px){.giveaway-info{flex-direction:row;justify-content:space-around}}.info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#fffc}@media only screen and (min-width: 768px){.info-item{font-size:16px}}.info-item svg{color:var(--orange);flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.1);opacity:.2}to{transform:scale(1.2);opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes celebrate{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180px) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-180px) scale(1)}}@keyframes button-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #f89e004d}50%{transform:scale(1.05);box-shadow:0 6px 30px #f89e0080}}@keyframes glow-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.reels-admin-layout{display:flex;min-height:100vh;background:var(--black);color:#fff}.reels-admin-layout .reels-main{padding:5rem 2rem;flex:1;min-height:100vh}.reels-admin-layout .reels-main .reels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reels-admin-layout .reels-main .reels-header .reels-title{font-size:2rem;font-weight:700;color:#fff;margin:0}.reels-admin-layout .reels-main .reels-header .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s}.reels-admin-layout .reels-main .reels-header .btn-primary:hover{transform:translateY(-2px)}.reels-admin-layout .reels-main .reels-header .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.reels-admin-layout .reels-main .reels-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.reels-admin-layout .reels-main .reels-filters .search-box{position:relative;flex:1;min-width:300px}.reels-admin-layout .reels-main .reels-filters .search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.reels-admin-layout .reels-main .reels-filters .search-box input{width:100%;padding:12px 12px 12px 40px;background:var(--black2);border:1px solid var(--black-lighter);border-radius:8px;color:#fff;font-size:14px}.reels-admin-layout .reels-main .reels-filters .search-box input::placeholder{color:#64748b}.reels-admin-layout .reels-main .reels-filters .search-box input:focus{outline:none;border-color:var(--pink)}.reels-admin-layout .reels-main .reels-filters .filter-controls{display:flex;gap:12px}.reels-admin-layout .reels-main .reels-filters .filter-controls .sort-select{padding:12px 16px;background:var(--black2);border:1px solid var(--black-lighter);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.reels-admin-layout .reels-main .reels-filters .filter-controls .sort-select:focus{outline:none;border-color:var(--pink)}.reels-admin-layout .reels-main .alert{padding:12px 16px;border-radius:8px;margin-bottom:1rem;font-weight:500}.reels-admin-layout .reels-main .alert.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.reels-admin-layout .reels-main .alert.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.reels-admin-layout .reels-main .reels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.reels-admin-layout .reels-main .reels-grid .reel-card{background:var(--black2);border-radius:12px;overflow:hidden;border:1px solid var(--black-lighter);transition:transform .2s,box-shadow .2s}.reels-admin-layout .reels-main .reels-grid .reel-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d}.reels-admin-layout .reels-main .reels-grid .reel-card.skeleton .reel-thumbnail{height:200px;background:linear-gradient(90deg,#1a2332 25%,#243448,#1a2332 75%);background-size:400% 100%;animation:shimmer 2s infinite}.reels-admin-layout .reels-main .reels-grid .reel-card.skeleton .skeleton-line{height:16px;background:linear-gradient(90deg,#1a2332 25%,#243448,#1a2332 75%);background-size:400% 100%;animation:shimmer 2s infinite;border-radius:4px;margin-bottom:8px}.reels-admin-layout .reels-main .reels-grid .reel-card.skeleton .skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:-400% 0}to{background-position:400% 0}}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail{position:relative;height:200px;overflow:hidden}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail img{width:100%;height:100%;object-fit:cover}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:space-between;align-items:flex-start;padding:12px;opacity:0;transition:opacity .2s}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay .reel-duration{background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay .reel-actions{display:flex;gap:8px}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay .reel-actions .action-btn{background:#ffffffe6;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay .reel-actions .action-btn:hover{background:#fff;transform:scale(1.1)}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay .reel-actions .action-btn.delete{background:#ef4444e6;color:#fff}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail .reel-overlay .reel-actions .action-btn.delete:hover{background:#ef4444}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-thumbnail:hover .reel-overlay{opacity:1}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content{padding:16px}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;line-height:1.4}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-creator{margin-bottom:1rem}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-description{color:#94a3b8;font-size:14px;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-meta .reel-stats,.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-meta .reel-date{display:flex;align-items:center;gap:4px;color:#64748b;font-size:12px}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-meta .reel-stats svg,.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-meta .reel-date svg{width:14px;height:14px}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-tags .tag{background:var(--black3);color:#94a3b8;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid var(--black-lighter)}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-align:center}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-status.active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.reels-admin-layout .reels-main .reels-grid .reel-card .reel-content .reel-status.inactive{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.reels-admin-layout .reels-main .pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:2rem}.reels-admin-layout .reels-main .pagination .pagination-btn{padding:8px 16px;background:var(--black2);border:1px solid var(--black-lighter);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s}.reels-admin-layout .reels-main .pagination .pagination-btn:hover:not(:disabled){background:var(--black-lighter)}.reels-admin-layout .reels-main .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.reels-admin-layout .reels-main .pagination .pagination-info{color:#94a3b8;font-size:14px}.reels-admin-layout .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.reels-admin-layout .modal-overlay .modal{background:var(--black2);border-radius:12px;border:1px solid var(--black-lighter);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.reels-admin-layout .modal-overlay .modal.modal-small{max-width:400px}.reels-admin-layout .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--black-lighter)}.reels-admin-layout .modal-overlay .modal .modal-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.reels-admin-layout .modal-overlay .modal .modal-header .modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.reels-admin-layout .modal-overlay .modal .modal-header .modal-close:hover{color:#fff;background:var(--black3)}.reels-admin-layout .modal-overlay .modal .modal-content{padding:24px}.reels-admin-layout .modal-overlay .modal .modal-content p{color:#94a3b8;line-height:1.6;margin-bottom:16px}.reels-admin-layout .modal-overlay .modal .modal-content p.warning-text{color:#ef4444;font-weight:500}.reels-admin-layout .modal-overlay .modal .modal-form{padding:24px}.reels-admin-layout .modal-overlay .modal .modal-form .form-group{margin-bottom:20px}.reels-admin-layout .modal-overlay .modal .modal-form .form-group label{display:block;color:#fff;font-weight:500;margin-bottom:8px;font-size:14px}.reels-admin-layout .modal-overlay .modal .modal-form .form-group input,.reels-admin-layout .modal-overlay .modal .modal-form .form-group textarea,.reels-admin-layout .modal-overlay .modal .modal-form .form-group select{width:100%;padding:12px;background:var(--black3);border:1px solid var(--black-lighter);border-radius:6px;color:#fff;font-size:14px;transition:border-color .2s}.reels-admin-layout .modal-overlay .modal .modal-form .form-group input:focus,.reels-admin-layout .modal-overlay .modal .modal-form .form-group textarea:focus,.reels-admin-layout .modal-overlay .modal .modal-form .form-group select:focus{outline:none;border-color:var(--pink)}.reels-admin-layout .modal-overlay .modal .modal-form .form-group input::placeholder,.reels-admin-layout .modal-overlay .modal .modal-form .form-group textarea::placeholder,.reels-admin-layout .modal-overlay .modal .modal-form .form-group select::placeholder{color:#64748b}.reels-admin-layout .modal-overlay .modal .modal-form .form-group textarea{resize:vertical;min-height:80px}.reels-admin-layout .modal-overlay .modal .modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.reels-admin-layout .modal-overlay .modal .modal-form .form-row{grid-template-columns:1fr}}.reels-admin-layout .modal-overlay .modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--black-lighter)}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-secondary{padding:10px 20px;background:var(--black3);border:1px solid var(--black-lighter);border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-secondary:hover{background:var(--black-lighter);color:#fff}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-primary{padding:10px 20px;background:var(--gradient);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-1px)}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-danger{padding:10px 20px;background:#ef4444;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-danger:hover:not(:disabled){background:#dc2626}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.reels-admin-layout .sidebar .menu-toggle{display:block}.reels-admin-layout .reels-main{margin-left:0;padding:1.5rem}.reels-admin-layout .reels-main .reels-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width: 768px){.reels-admin-layout .sidebar{width:100%;left:-100%}.reels-admin-layout .sidebar.active{left:0}.reels-admin-layout .reels-main{padding:1rem}.reels-admin-layout .reels-main .reels-header{flex-direction:column;gap:1rem;align-items:stretch}.reels-admin-layout .reels-main .reels-header .reels-title{font-size:1.5rem;text-align:center}.reels-admin-layout .reels-main .reels-header .btn-primary{justify-content:center}.reels-admin-layout .reels-main .reels-filters{flex-direction:column;gap:12px}.reels-admin-layout .reels-main .reels-filters .search-box{min-width:unset}.reels-admin-layout .reels-main .reels-filters .filter-controls{justify-content:stretch}.reels-admin-layout .reels-main .reels-filters .filter-controls .sort-select{flex:1}.reels-admin-layout .reels-main .reels-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.reels-admin-layout .modal-overlay{padding:10px}.reels-admin-layout .modal-overlay .modal{max-height:95vh}.reels-admin-layout .modal-overlay .modal .modal-form{padding:16px}.reels-admin-layout .modal-overlay .modal .modal-form .form-row{grid-template-columns:1fr}.reels-admin-layout .modal-overlay .modal .modal-actions{flex-direction:column;gap:8px}.reels-admin-layout .modal-overlay .modal .modal-actions .btn-secondary,.reels-admin-layout .modal-overlay .modal .modal-actions .btn-primary,.reels-admin-layout .modal-overlay .modal .modal-actions .btn-danger{width:100%;justify-content:center}}@media (max-width: 480px){.reels-admin-layout .reels-main .reels-grid{grid-template-columns:1fr}.reels-admin-layout .reels-main .reels-filters .filter-controls{flex-direction:column}}@media (max-width: 1024px){.reels-admin-layout .sidebar .menu-toggle{position:fixed;top:20px;left:20px;z-index:1001;background:var(--black2);border:1px solid var(--black-lighter);color:#fff;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s}.reels-admin-layout .sidebar .menu-toggle:hover{background:var(--black-lighter)}.reels-admin-layout .reels-main .reels-header{margin-top:60px}}.dashboard-container{display:flex;min-height:100vh;background-color:var(--black);color:#fff}.dashboard-container .dashboard-1{flex:1;margin-left:0;min-height:100vh;padding:5rem 2rem}.dashboard-container .dashboard-1 .giveaway-admin{padding:20px}@media only screen and (min-width: 768px){.dashboard-container .dashboard-1 .giveaway-admin{padding:30px}}.dashboard-container .dashboard-1 .giveaway-admin .giveaway-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.dashboard-container .dashboard-1 .giveaway-admin .giveaway-admin-header h1{font-size:28px;font-weight:600;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-container .dashboard-1 .giveaway-admin .giveaway-admin-header .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-container .dashboard-1 .giveaway-admin .giveaway-admin-header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f89e004d}.dashboard-container .dashboard-1 .giveaway-admin .filters{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.dashboard-container .dashboard-1 .giveaway-admin .filters .search-box{position:relative;flex:1;min-width:250px}.dashboard-container .dashboard-1 .giveaway-admin .filters .search-box svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ffffff80}.dashboard-container .dashboard-1 .giveaway-admin .filters .search-box input{width:100%;padding:12px 15px 12px 45px;background:var(--black2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}.dashboard-container .dashboard-1 .giveaway-admin .filters .search-box input::placeholder{color:#ffffff80}.dashboard-container .dashboard-1 .giveaway-admin .filters .search-box input:focus{outline:none;border-color:var(--orange)}.dashboard-container .dashboard-1 .giveaway-admin .filters select{padding:12px 15px;background:var(--black2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;min-width:150px}.dashboard-container .dashboard-1 .giveaway-admin .filters select:focus{outline:none;border-color:var(--orange)}.dashboard-container .dashboard-1 .giveaway-admin .filters select option{background:var(--black2);color:#fff}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;margin-bottom:30px}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card{background:linear-gradient(135deg,var(--black2) 0%,var(--black3) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card:hover{transform:translateY(-5px);border-color:#f89e004d;box-shadow:0 10px 30px #0000004d}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card.skeleton{height:280px;background-color:#0a2955}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-header h3{font-size:18px;font-weight:600;color:#fff;line-height:1.3}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-header .status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;flex-shrink:0}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body{margin-bottom:20px}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .game-name{color:var(--orange);font-weight:600;font-size:14px;margin-bottom:8px}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .description{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .giveaway-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .giveaway-stats .stat{display:flex;align-items:center;gap:8px;font-size:13px;color:#fffc}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .giveaway-stats .stat svg{color:var(--pink)}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .winner-info{display:flex;align-items:center;gap:8px;padding:10px;background:#4caf501a;border-radius:8px;font-size:13px;color:#4caf50}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-body .winner-info svg{color:#4caf50}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-icon{display:flex;padding:10px;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-icon:hover{background:#fff3}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-icon.danger{background:#f4433633}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-icon.danger:hover{background:#f443364d}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-secondary,.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-warning{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-secondary{background:#ffffff1a;color:#fff}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-secondary:hover{background:#fff3}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-warning{background:#ff980033;color:#ff9800}.dashboard-container .dashboard-1 .giveaway-admin .giveaways-grid .giveaway-card .card-actions .btn-warning:hover{background:#ff98004d}.dashboard-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.dashboard-container .modal-overlay .modal{background:linear-gradient(135deg,var(--black2) 0%,var(--black3) 100%);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.dashboard-container .modal-overlay .modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-container .modal-overlay .modal .modal-header h2{font-size:20px;font-weight:600;color:#fff}.dashboard-container .modal-overlay .modal .modal-header button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease}.dashboard-container .modal-overlay .modal .modal-header button:hover{background:#ffffff1a;color:#fff}.dashboard-container .modal-overlay .modal .form-container{padding:25px}.dashboard-container .modal-overlay .modal .form-container .form-group{margin-bottom:20px}.dashboard-container .modal-overlay .modal .form-container .form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500;font-size:14px}.dashboard-container .modal-overlay .modal .form-container .form-group input,.dashboard-container .modal-overlay .modal .form-container .form-group textarea,.dashboard-container .modal-overlay .modal .form-container .form-group select{width:100%;padding:12px;background:var(--black);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.dashboard-container .modal-overlay .modal .form-container .form-group input::placeholder,.dashboard-container .modal-overlay .modal .form-container .form-group textarea::placeholder,.dashboard-container .modal-overlay .modal .form-container .form-group select::placeholder{color:#ffffff80}.dashboard-container .modal-overlay .modal .form-container .form-group input:focus,.dashboard-container .modal-overlay .modal .form-container .form-group textarea:focus,.dashboard-container .modal-overlay .modal .form-container .form-group select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f89e001a}.dashboard-container .modal-overlay .modal .form-container .form-group textarea{min-height:100px;resize:vertical}.dashboard-container .modal-overlay .modal .form-container .form-group select{cursor:pointer}.dashboard-container .modal-overlay .modal .form-container .form-group select option{background:var(--black);color:#fff}.dashboard-container .modal-overlay .modal .form-container .form-group .requirement-input{display:flex;gap:10px;margin-bottom:10px}.dashboard-container .modal-overlay .modal .form-container .form-group .requirement-input input{flex:1}.dashboard-container .modal-overlay .modal .form-container .form-group .requirement-input .btn-icon.danger{background:#f4433633;color:#f44336}.dashboard-container .modal-overlay .modal .form-container .form-group .requirement-input .btn-icon.danger:hover{background:#f443364d}.dashboard-container .modal-overlay .modal .form-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media only screen and (min-width: 640px){.dashboard-container .modal-overlay .modal .form-container .form-row{grid-template-columns:1fr}}.dashboard-container .modal-overlay .modal .form-container .form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.dashboard-container .modal-overlay .modal .form-container .form-actions .btn-secondary{padding:12px 24px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-container .modal-overlay .modal .form-container .form-actions .btn-secondary:hover{background:#fff3}.dashboard-container .modal-overlay .modal .form-container .form-actions .btn-primary{padding:12px 24px;background:var(--gradient);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease}.dashboard-container .modal-overlay .modal .form-container .form-actions .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #f89e004d}.dashboard-container .modal-overlay .modal .giveaway-details{padding:25px}.dashboard-container .modal-overlay .modal .giveaway-details h3{font-size:22px;font-weight:600;color:#fff;margin-bottom:20px}.dashboard-container .modal-overlay .modal .giveaway-details p{margin-bottom:12px;color:#fffc;line-height:1.5}.dashboard-container .modal-overlay .modal .giveaway-details p strong{color:var(--orange);font-weight:600}.dashboard-container .modal-overlay .modal .giveaway-details .winner-details{margin-top:20px;padding:15px;background:#4caf501a;border-radius:8px;border:1px solid rgba(76,175,80,.2)}.dashboard-container .modal-overlay .modal .giveaway-details .winner-details h4{color:#4caf50;margin-bottom:10px}.dashboard-container .modal-overlay .modal .giveaway-details .winner-details p{color:#4caf50;margin:0}.dashboard-container .modal-overlay .modal .giveaway-details .requirements{margin-top:20px}.dashboard-container .modal-overlay .modal .giveaway-details .requirements h4{color:var(--pink);margin-bottom:15px;font-size:16px}.dashboard-container .modal-overlay .modal .giveaway-details .requirements ul{list-style:none;padding:0}.dashboard-container .modal-overlay .modal .giveaway-details .requirements ul li{padding:8px 0 8px 20px;position:relative;color:#fffc}.dashboard-container .modal-overlay .modal .giveaway-details .requirements ul li:before{content:"•";color:var(--orange);font-size:18px;position:absolute;left:0}@media only screen and (min-width: 640px){.dashboard-container .giveaways-grid{grid-template-columns:1fr}.dashboard-container .filters{flex-direction:column}.dashboard-container .filters .search-box{min-width:auto}}.giveaways-page{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#1a1a2e,#16213e);background-attachment:fixed;color:#fff;position:relative}.giveaways-page:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse at top,rgba(248,158,0,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.container{margin:0 auto;padding:6em 2rem;position:relative;z-index:1}.giveaways-header{text-align:center;margin-bottom:48px}.giveaways-header__title{font-size:2.5rem;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#f89e00,#da2f68,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:16px;text-shadow:0 0 30px rgba(248,158,0,.3)}.giveaways-header__title .title-icon{width:3rem;height:3rem;color:#f89e00;filter:drop-shadow(0 0 10px rgba(248,158,0,.5))}@media only screen and (min-width: 768px){.giveaways-header__title{font-size:3.5rem}.giveaways-header__title .title-icon{width:4rem;height:4rem}}.giveaways-header__subtitle{color:#cbd5e1;max-width:42rem;margin:0 auto;font-size:1.125rem;line-height:1.6;opacity:.9}.tabs-wrapper{display:flex;justify-content:center;margin-bottom:32px}.tabs{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:6px;display:flex;border:1px solid rgba(248,158,0,.2);box-shadow:0 8px 32px #0000004d}.tab{padding:16px 28px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;background:transparent;color:#cbd5e1;display:flex;align-items:center;gap:8px;position:relative}.tab .tab-icon{width:18px;height:18px}.tab:hover{color:#fff;background:#f89e001a;transform:translateY(-2px)}.tab--active{background:linear-gradient(135deg,#f89e00,#da2f68);color:#fff;box-shadow:0 4px 15px #f89e0066;transform:translateY(-2px)}.winner-game-title{padding-bottom:1rem}.winner-game-name-large{margin-bottom:1rem;color:var(--orange);font-weight:900;font-size:1.3rem}.filters-section{margin-bottom:48px}.filters-section .search-wrapper{position:relative;max-width:28rem;margin:0 auto 24px}.filters-section .search-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;width:22px;height:22px}.filters-section .search-wrapper .search-input{width:100%;padding:16px 20px 16px 50px;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(71,85,105,.5);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.filters-section .search-wrapper .search-input::placeholder{color:#94a3b8}.filters-section .search-wrapper .search-input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #f89e0033;background:#1e293bf2}.filters-section .filter-toggle-wrapper{display:flex;justify-content:center}.filters-section .filter-toggle-wrapper .filter-toggle{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(71,85,105,.5);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.filters-section .filter-toggle-wrapper .filter-toggle:hover{border-color:var(--orange);background:#1e293bf2;transform:translateY(-2px)}.filters-section .filter-toggle-wrapper .filter-toggle .filter-icon,.filters-section .filter-toggle-wrapper .filter-toggle .filter-close{width:18px;height:18px}.filters-section .filters{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px;border:1px solid rgba(71,85,105,.5);margin-top:20px;box-shadow:0 8px 32px #0000004d}.filters-section .filters__grid{display:grid;grid-template-columns:1fr;gap:24px}@media only screen and (min-width: 768px){.filters-section .filters__grid{grid-template-columns:repeat(3,1fr)}}.filters-section .filters .filter-group .filter-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:12px;color:#e2e8f0}.filters-section .filters .filter-group .filter-select{width:100%;padding:12px 16px;background:#334155cc;border:1px solid rgba(100,116,139,.5);border-radius:10px;color:#fff;transition:all .3s ease;font-size:.95rem}.filters-section .filters .filter-group .filter-select:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 2px #f89e0033;background:#334155f2}.giveaways-grid{display:grid;grid-template-columns:1fr;gap:32px}@media only screen and (min-width: 768px){.giveaways-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1024px){.giveaways-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 1280px){.giveaways-grid{grid-template-columns:repeat(3,1fr)}}.giveaway-card{background:linear-gradient(135deg,#1e293be6,#0f172ae6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;border:1px solid rgba(71,85,105,.3);transition:all .4s ease;position:relative;overflow:hidden}.giveaway-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f89e00,#da2f68,#8b5cf6);transform:scaleX(0);transition:transform .4s ease}.giveaway-card:hover{border-color:#f89e0099;box-shadow:0 20px 40px #f89e0026,0 0 0 1px #f89e001a;transform:translateY(-8px)}.giveaway-card:hover:before{transform:scaleX(1)}.giveaway-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.giveaway-card__header .status-badge{padding:6px 16px;border-radius:25px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.5px}.giveaway-card__header .status-badge.status-active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e4d}.giveaway-card__header .status-badge.status-ended{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.giveaway-card__header .status-badge.status-draft{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 4px 12px #eab3084d}.giveaway-card__header .genre-badge{font-size:.75rem;color:#94a3b8;background:#334155cc;padding:6px 12px;border-radius:8px;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.giveaway-card__header .genre-badge .genre-icon{width:12px;height:12px}.giveaway-card__title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.giveaway-card__description{color:#cbd5e1;font-size:.875rem;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;opacity:.9}.giveaway-card__details{margin-bottom:20px}.giveaway-card__details .detail-item{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#94a3b8;margin-bottom:14px}.giveaway-card__details .detail-item:last-child{margin-bottom:0}.giveaway-card__details .detail-item .detail-icon{width:16px;height:16px;color:#f89e00}.giveaway-card__details .detail-item .creator-avatar{width:24px;height:24px;border-radius:50%;border:2px solid rgba(248,158,0,.3)}.giveaway-card__details .detail-item .time-expired{color:#ef4444;font-weight:600}.giveaway-card .winner-announcement{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f89e0026,#da2f6826);border-radius:12px;border:1px solid rgba(248,158,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.giveaway-card .winner-announcement .winner-header{display:flex;align-items:center;gap:10px}.giveaway-card .winner-announcement .winner-header .winner-trophy{width:22px;height:22px;color:#eab308}.giveaway-card .winner-announcement .winner-header .winner-text{font-size:.875rem;font-weight:700;color:#eab308;text-transform:uppercase;letter-spacing:.5px}.giveaway-card .winner-announcement .winner-info{display:flex;align-items:center;gap:12px}.giveaway-card .winner-announcement .winner-info .winner-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #eab308}.giveaway-card .winner-announcement .winner-info .winner-name{color:#fff;font-weight:600}.giveaway-card .card-actions{display:flex;gap:12px;flex-wrap:wrap}.giveaway-card .card-actions .btn-details{flex:1;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);color:#fff;font-weight:600;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.giveaway-card .card-actions .btn-details .btn-icon{width:16px;height:16px}.giveaway-card .card-actions .btn-details:hover{background:#1e293bf2;border-color:#f89e00;transform:translateY(-2px)}.giveaway-card .card-actions .btn-join{flex:1;background:linear-gradient(135deg,#f89e00,#da2f68);color:#fff;font-weight:700;padding:12px 16px;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;transform:translateY(0);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #f89e004d}.giveaway-card .card-actions .btn-join .btn-icon{width:16px;height:16px}.giveaway-card .card-actions .btn-join:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 6px 20px #f89e0066}.giveaway-card .card-actions .btn-leave{flex:1;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-weight:600;padding:12px 16px;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #dc26264d}.giveaway-card .card-actions .btn-leave .btn-icon{width:16px;height:16px}.giveaway-card .card-actions .btn-leave:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.giveaway-card .card-actions .expired-notice{background:#6b7280cc;color:#d1d5db;font-weight:600;padding:12px 16px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.giveaway-card .card-actions .expired-notice .expired-icon{width:16px;height:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#1e293bf2,#0f172af2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(71,85,105,.3);box-shadow:0 25px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 0;border-bottom:1px solid rgba(71,85,105,.3);margin-bottom:0}.modal-header .modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.modal-header .modal-close{background:#47556980;border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .3s ease}.modal-header .modal-close:hover{background:#dc2626cc}.modal-header .modal-close svg{width:20px;height:20px}.modal-tabs{display:flex;padding:0 32px;border-bottom:1px solid rgba(71,85,105,.3)}.modal-tabs .modal-tab{background:none;border:none;color:#94a3b8;font-weight:600;padding:20px 24px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;display:flex;align-items:center;gap:8px}.modal-tabs .modal-tab .tab-icon{width:16px;height:16px}.modal-tabs .modal-tab:hover{color:#fff}.modal-tabs .modal-tab.active{color:#f89e00;border-bottom-color:#f89e00}.modal-body{padding:32px}.details-tab .modal-status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.details-tab .modal-status-bar .modal-status-badge{padding:8px 20px;border-radius:25px;font-size:.875rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.5px}.details-tab .modal-status-bar .modal-status-badge.status-active{background:linear-gradient(135deg,#22c55e,#16a34a)}.details-tab .modal-status-bar .modal-status-badge.status-ended{background:linear-gradient(135deg,#6b7280,#4b5563)}.details-tab .modal-status-bar .modal-status-badge.status-draft{background:linear-gradient(135deg,#eab308,#ca8a04)}.details-tab .modal-status-bar .modal-genre-badge{font-size:.875rem;color:#94a3b8;background:#334155cc;padding:8px 16px;border-radius:10px;display:flex;align-items:center;gap:6px}.details-tab .modal-status-bar .modal-genre-badge .genre-icon{width:14px;height:14px}.details-tab .modal-description{margin-bottom:32px}.details-tab .modal-description h3{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:12px}.details-tab .modal-description p{color:#cbd5e1;line-height:1.6}.details-tab .modal-details-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:32px}@media only screen and (min-width: 768px){.details-tab .modal-details-grid{grid-template-columns:repeat(2,1fr)}}.details-tab .modal-details-grid .detail-card{background:#33415580;border-radius:12px;padding:20px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.details-tab .modal-details-grid .detail-card .detail-card-icon{width:20px;height:20px;color:#f89e00}.details-tab .modal-details-grid .detail-card .creator-detail-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(248,158,0,.3)}.details-tab .modal-details-grid .detail-card .detail-label{display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.details-tab .modal-details-grid .detail-card .detail-value{display:block;color:#fff;font-weight:600}.details-tab .modal-details-grid .detail-card .detail-value.expired{color:#ef4444}.details-tab .modal-requirements h3{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:16px}.details-tab .modal-requirements .requirements-list-modal{list-style:none;padding:0;margin:0}.details-tab .modal-requirements .requirements-list-modal .requirement-item-modal{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#cbd5e1;margin-bottom:12px;padding:12px;background:#3341554d;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.details-tab .modal-requirements .requirements-list-modal .requirement-item-modal .requirement-icon{width:16px;height:16px;color:#22c55e}.winner-tab .winner-announcement-modal{text-align:center}.winner-tab .winner-announcement-modal .winner-celebration{margin-bottom:32px}.winner-tab .winner-announcement-modal .winner-celebration .winner-crown{width:64px;height:64px;color:#eab308;margin:0 auto 16px;filter:drop-shadow(0 0 20px rgba(234,179,8,.5))}.winner-tab .winner-announcement-modal .winner-celebration h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px}.winner-tab .winner-announcement-modal .winner-profile{display:flex;flex-direction:column;align-items:center;gap:16px;background:linear-gradient(135deg,#f89e001a,#da2f681a);border-radius:16px;padding:32px;border:1px solid rgba(248,158,0,.3)}.winner-tab .winner-announcement-modal .winner-profile .winner-avatar-large{width:80px;height:80px;border-radius:50%;border:4px solid #eab308;box-shadow:0 0 20px #eab30880}.winner-tab .winner-announcement-modal .winner-profile .winner-details{text-align:center}.winner-tab .winner-announcement-modal .winner-profile .winner-details h4{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:4px}.winner-tab .winner-announcement-modal .winner-profile .winner-details p{color:#cbd5e1;font-size:.875rem}.modal-footer{padding:24px 32px 32px;border-top:1px solid rgba(71,85,105,.3)}.modal-footer .btn-join-modal,.modal-footer .btn-leave-modal{width:100%;font-weight:700;padding:16px 24px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem}.modal-footer .btn-join-modal .btn-icon,.modal-footer .btn-leave-modal .btn-icon{width:18px;height:18px}.modal-footer .btn-join-modal{background:linear-gradient(135deg,#f89e00,#da2f68);color:#fff;box-shadow:0 6px 20px #f89e004d}.modal-footer .btn-join-modal:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 8px 25px #f89e0066}.modal-footer .btn-leave-modal{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 6px 20px #dc26264d}.modal-footer .btn-leave-modal:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);transform:translateY(-3px);box-shadow:0 8px 25px #dc262666}.modal-footer .expired-notice-modal{display:flex;align-items:center;justify-content:center;gap:10px;background:#6b7280cc;color:#d1d5db;font-weight:600;padding:16px 24px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-footer .expired-notice-modal .expired-icon{width:18px;height:18px}.skeleton-grid{display:grid;grid-template-columns:1fr;gap:32px}@media only screen and (min-width: 768px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1024px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 1280px){.skeleton-grid{grid-template-columns:repeat(3,1fr)}}.skeleton-card{border-radius:20px;height:400px;background:linear-gradient(135deg,#1e293be6,#0f172ae6);position:relative;overflow:hidden}.skeleton-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(248,158,0,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.empty-state{text-align:center;padding:64px 0}.empty-state__icon{width:80px;height:80px;color:#475569;margin:0 auto 24px;filter:drop-shadow(0 0 10px rgba(71,85,105,.3))}.empty-state__title{font-size:1.5rem;font-weight:700;color:#cbd5e1;margin-bottom:12px}.empty-state__text{color:#94a3b8;font-size:1rem;max-width:400px;margin:0 auto;line-height:1.5}.content .giveaways-grid{margin-bottom:32px}@media (max-width: 768px){.container{padding:4em 1rem}.giveaway-card{padding:20px}.modal-content{margin:10px;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.modal-tabs .modal-tab{padding:16px 20px}.giveaways-header__title{font-size:2rem}.giveaways-header__title .title-icon{width:2.5rem;height:2.5rem}}.privacy-policy-page{min-height:80vh;padding:5rem 1rem;color:#fff;background:var(--black3)}.privacy-policy-page .privacy-policy-container{max-width:1200px;margin:0 auto;background:var(--black2);border-radius:12px;padding:2rem 1.5rem;box-shadow:0 2px 16px #0000001f}.privacy-policy-page .privacy-policy-container h1{font-size:2rem;margin-bottom:1.5rem;color:var(--orange)}.privacy-policy-page .privacy-policy-container h2{font-size:1.15rem;margin:1.5rem 0 .5rem;color:var(--pink)}.privacy-policy-page .privacy-policy-container ul{margin:0 0 1rem 1.5rem}.privacy-policy-page .privacy-policy-container ul li{margin-bottom:.3rem;list-style:disc}.privacy-policy-page .privacy-policy-container a{color:var(--orange);text-decoration:underline}.privacy-policy-page .privacy-policy-container a:hover{color:var(--pink)}.privacy-policy-page .privacy-policy-container p{margin-bottom:1rem;line-height:1.7}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--black: #04152d;--black2: #041226;--black3: #020c1b;--black-lighter: #1c4b91;--black-light: #173d77;--pink: #da2f68;--orange: #f89e00;--gradient: linear-gradient(98.37deg, #f89e00 .99%, #da2f68 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--black)}::-webkit-scrollbar{display:none}.skeleton{position:relative;overflow:hidden;background-color:#0a2955}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#19376300 0,#19376333 20%,#19376380 60%,#19376300);animation:shimmer 2s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}.posterImg{width:100%;display:block;border-radius:12px}
