*{margin:0;padding:0;box-sizing:border-box;font-family:'Fredoka One',cursive}body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;position:relative;background-image:url('/img/bg.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}html{overflow-x:hidden;height:100%}.logo-section{width:100%;display:flex;justify-content:center;align-items:center;padding-top:20px;padding-bottom:20px;line-height:normal}.logo-section img{max-width:400px;height:auto;display:block}.moving-text-container{max-width:900px;background-color:#8b0000;color:white;padding:10px 0;overflow:hidden;margin:0 auto;line-height:1}.moving-text{white-space:nowrap;animation:moveText 20s linear infinite;display:inline-block;font-size:16px}.banner-section{width:100%;display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0}.banner-container{width:100%;max-width:900px;position:relative}.swiper{width:100%}.swiper-slide{width:100%;backface-visibility:hidden;max-height:413.875px}.swiper-slide img{width:100%;object-fit:contain;display:block;max-height:413.875px}.button-container{max-width:900px;margin:0 auto;display:flex;padding:0;line-height:0}.big-button{flex:1;height:50px;background-color:#8b0000;color:white;border:0;font-size:20px;cursor:pointer;transition:background-color .3s}.big-button:hover{background-color:#600}.leaderboard-container{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 10px;margin-bottom:0;padding-bottom:20px}.leaderboard-box{background:#8b0000;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.box-title{text-align:center;font-weight:bold;margin-bottom:15px;color:white;font-size:18px}.box-header{display:flex;justify-content:space-between;margin-bottom:10px;line-height:normal}.money{color:#fff;font-weight:bold;font-size:20px}.id{color:#fff;font-size:18px}.box-image{width:100%;object-fit:cover;border-radius:4px;margin-bottom:10px}.box-button{background:#df6c00;color:white;border:0;padding:8px 20px;border-radius:4px;cursor:pointer;width:100%;font-size:18px}.box-button:hover{background:#a84c00}@keyframes moveText{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@media screen and (max-width:768px){.logo-section img{max-width:250px}.moving-text-container{margin:0 10px;width:calc(100% - 20px)}.banner-section{padding-left:10px;padding-right:10px}.button-container{margin:0 10px;width:calc(100% - 20px)}.leaderboard-container{grid-template-columns:1fr}}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.popup-overlay.active{opacity:1;display:block}.popup-overlay.active .popup-content{transform:translateY(-50%) scale(1)}.popup-content{position:relative;background:#8b0000;width:90%;max-width:600px;margin:20px auto;padding:20px;padding-bottom:0;border-radius:8px;color:white;top:40%;transform:translateY(-50%) scale(0.7);transition:transform .3s ease-in-out;perspective:1000px;transform-style:preserve-3d}.close-btn{position:absolute;right:10px;top:10px;font-size:30px;cursor:pointer}#popup-title{padding-right:40px;font-size:20px;line-height:1.2}.popup-content img{width:100%;margin:20px 0;border-radius:4px}.popup-details{line-height:1.6}.popup-details p{margin:10px 0}@media screen and (max-width:768px){#popup-title{font-size:16px;padding-right:30px}.close-btn{font-size:24px;right:8px;top:8px}}.popup-action-btn{display:block;width:100%;padding:12px;background:#df6c00;color:white;border:0;border-radius:4px;font-size:18px;cursor:pointer;transition:background .3s}.popup-action-btn:hover{background:#a84c00}.popup-nav{display:flex;justify-content:center;margin:0 -20px -1px -20px;width:calc(100% + 40px)}.nav-btn{background:#df6c00;color:white;border:0;padding:12px 0;cursor:pointer;transition:background .3s;width:50%}.nav-btn:first-child{border-radius:0 0 0 8px}.nav-btn:last-child{border-radius:0 0 8px 0}.nav-btn:hover{background:#a84c00}.flip-right{animation:flipRight .6s ease-in-out}.flip-left{animation:flipLeft .6s ease-in-out}@keyframes flipRight{0%{transform:translateY(-50%) rotateY(0)}100%{transform:translateY(-50%) rotateY(360deg)}}@keyframes flipLeft{0%{transform:translateY(-50%) rotateY(0)}100%{transform:translateY(-50%) rotateY(-360deg)}}.image-zoom-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2000;justify-content:center;align-items:center}.zoomed-image-container{position:relative;max-width:90%;max-height:90%}#zoomed-image{max-width:100%;max-height:90vh;object-fit:contain}.close-zoom{position:absolute;top:-40px;right:0;color:white;font-size:30px;cursor:pointer}.section-title{text-align:center;color:white;font-size:24px;margin:20px 0;font-weight:bold}@media screen and (max-width:768px){.section-title{font-size:20px;padding:0 10px}}.pagination{display:flex;justify-content:center;gap:5px;margin:20px 0}.pagination button{background:#df6c00;color:white;border:0;padding:8px 16px;border-radius:4px;cursor:pointer}.pagination button:hover{background:#a84c00}.pagination button.active{background:#a84c00}.pagination-ellipsis{color:white;padding:8px}.title-line{height:3px;background:linear-gradient(to right,#fff,#fff);width:95%;max-width:1200px;margin:10px auto 10px auto;border-radius:2px}.search-container{display:flex;justify-content:flex-end;max-width:1200px;margin:0 auto;padding:0 10px;position:relative}.search-bar{width:150px;padding:8px 12px;border:2px solid #df6c00;background:#1a1a1a;color:white}.search-button{background:#df6c00;border:0;padding:8px 12px;border-radius:0 4px 4px 0;cursor:pointer;color:white;display:flex;align-items:center}.search-button:hover{background:#a84c00}.date-picker{padding:8px 12px;border:2px solid #df6c00;background:#1a1a1a;color:white;cursor:pointer;width:130px}.filter-dropdown{padding:8px 12px;border:2px solid #df6c00;border-top-left-radius:4px;border-bottom-left-radius:4px;background:#1a1a1a;color:white;cursor:pointer;width:20px}.filter-dropdown option{background:#1a1a1a;color:white}