:root{--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h4,h5,p{margin-top:0;margin-bottom:1rem}h1{font-size:calc(1.25rem + 1vw);margin-bottom:.5rem;font-weight:500;line-height:1.2}h4{font-size:calc(1.275rem + .3vw);margin-bottom:.5rem;font-weight:500;line-height:1.2}h5{font-size:1.25rem;margin-bottom:.5rem;font-weight:500;line-height:1.2}.page-header p,.coin-amount,.point-amount,.notify-title{color:#fff}label{display:inline-block}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}}@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.33333333%}}@media (min-width:992px){.col-lg-4{flex:0 0 auto;width:33.33333333%}}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #dee2e6;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.w-100{width:100%!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}@font-face{font-family:"CustomFont";src:url("font/eFootballStencil-Regular.woff") format("truetype");font-display:swap}.background-cover{background-color:#0f2039;background-position:right;background-size:cover;background-attachment:fixed;background-image:url("images/efootball_bg.jpg");min-height:100vh}.dark-effect{background-color:#00000081;backdrop-filter:blur(1px);display:flex;justify-content:center;min-height:100vh}.page-width{width:100%;max-width:600px}.page-header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.page-header #header-logo{width:auto;height:100px;border-radius:24px}.page-header h1{margin:16px 0 6px 0;color:#f7f708;font-family:"CustomFont",Arial,sans-serif}.page-header p{font-size:1.2em}.player-input{display:block}.player-input .form-group{width:100%}.player-input .form-group input{height:50px;font-size:1.1em;border-radius:12px}.player-input .action-button{margin-top:6px;height:50px;text-align:center;padding:15px 20px;font-size:1.05rem;line-height:100%;width:100%;font-weight:700;background-color:#f7f708;border-color:#d8d808;color:#393b3d;border-radius:14px;display:block;justify-content:center;align-items:center;gap:8px;box-sizing:border-box;text-decoration:none;cursor:pointer;border:none;transition:all .2s ease-in-out}#username-input{color:#252525}#username-input::placeholder{color:#666;opacity:1}.toast{position:absolute;top:10px;left:50%;transform:translateX(-50%);background-color:#ff4d4f;color:white;padding:10px 20px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none;z-index:1000}.toast.show{opacity:1;transform:translateX(-50%) translateY(10px)}.coins-selector{display:flex}.page-body .coin-item{background-color:#3b3b3d6e;backdrop-filter:blur(8px);border-radius:16px;border:2px solid #3b3b3da1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px 6px;margin-top:8px;cursor:pointer;transition:all .3s ease}.page-body .coin-item:hover{border-color:#f7f708}.page-body .coin-item #coins-logo{width:auto;height:100px}.coin-amount{display:flex;justify-content:center;align-items:center;text-align:center;gap:6px}.coin-amount #coin-logo{width:20px;height:20px}.coin-item .coin-amount{font-size:1.4em;font-weight:bold}.coin-item .hr-line{width:90%;height:1.5px;color:#f5f5f5}.coin-item .free-label{font-size:1.4em;font-weight:bold;color:#f7f708;line-height:30px;margin-top:-10px}.coin-notification-container{margin:0 auto;border-radius:8px}.notify-title{text-align:center;display:flex;justify-content:center;align-items:center;font-size:1.4em;font-weight:bold;gap:6px}.notify-title #notif-logo{width:25px;height:25px}.coin-list{display:flex;flex-direction:column;gap:10px}.coin-notification{display:flex;align-items:center;padding:10px;background-color:#3b3b3d6e;backdrop-filter:blur(4px);border:1px solid #3b3b3da1;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;opacity:0;animation:fadeIn 1s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coin-notification .username{font-weight:bold;margin-right:10px;color:#007bff;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.coin-notification .coin-amount{font-size:16px;margin-right:10px}.coin-notification .points{font-size:14px;color:#6c757d}.coin-notification .free-label{background-color:#278ccf;color:#fff;padding:5px 10px;border-radius:50px;font-size:12px;margin-left:auto}.modal{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}#sendModal{display:block}#doneModal{display:none}.modal-content{background-color:#fff;padding:20px;border-radius:24px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.2);width:95%;max-width:450px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#252525;animation:modalFadeIn .5s ease-out}@keyframes modalFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content img{max-width:80px;margin-bottom:20px}.modal-content h4,.modal-content #modalTitle{font-size:1.5rem}.modal-content p{font-size:18px;font-weight:500}.modal-content button{margin-top:10px;background-color:#ffc800;color:#000;font-size:1.05rem;font-weight:700;text-align:center;border:none;padding:15px 20px;border-radius:14px;cursor:pointer;width:100%;text-decoration:none;display:block;box-sizing:border-box;transition:all .2s ease-in-out}.modal-content .cancel-btn{display:block;box-sizing:border-box;width:100%;padding:15px 20px;border-radius:14px;text-decoration:none;cursor:pointer;border:none;font-size:1.05rem;font-weight:700;text-align:center;transition:all .2s ease-in-out;background:#e9ecef;color:#6c757d}#modal-text-small{font-size:1rem}#verifyContent{display:none}video{width:100%;height:200px;margin-bottom:12px;border-radius:12px;background-image:url(images/coverv.webp);background-position:center;background-size:cover}.timer{font-weight:bold;color:#ff4d4f}#offers-place{display:block;flex-direction:column;justify-content:center;align-items:center}.small-text{margin-top:8px;font-size:12px}.offers{text-decoration:none;color:#252525}.offer-load{display:flex;flex-direction:column;gap:8px}.offer-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.offerplace{display:flex;position:relative;align-items:center;justify-content:center;background:#ffc800;border:2px solid #0f2039;border-radius:12px;padding:6px;transition:transform .2s ease-in-out}.offerplace:hover{transform:scale(1.02)}.offer-icon{justify-content:center;align-items:center;margin-right:15px;width:55px;height:55px;display:none}.offer-icon img{width:55px;height:55px;border-radius:12px;display:none}.offer-details{flex:1;text-align:center;overflow:hidden}.offer-details #title{margin:0;font-size:16px;font-weight:bold}.offer-details #desc{margin:0;font-size:14px;color:#333}.promoted{position:absolute;top:-20px;right:-4px;display:flex;align-items:center;justify-content:center;padding:2px 4px}.promoted #promoIcon{width:60px;height:60px;transform:scaleY(-1)}.spinner{border:4px solid #f3f3f3;border-top:4px solid #ffc800;border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}#whattodo{font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#small-note{display:flex;gap:6px;text-align:center;justify-content:center;align-items:center;font-size:.9em}.progress-bar-container{width:80%;background-color:#e0e0e0;border-radius:10px;margin-top:15px;overflow:hidden}.progress-bar{height:15px;width:100%;background-color:#ffc800;border-radius:10px;transform:scaleX(0);transform-origin:left}#progressStatus{font-size:18px;font-weight:500;min-height:24px}@media (min-width:142px) and (max-width:768px){.page-body .coin-item #coins-logo{height:60px}.coin-amount{gap:3px}.coin-item .coin-amount{font-size:1.2em}.coin-item .free-label{font-size:1.2em;line-height:20px;margin-top:-5px}}@media (max-width:1000px){video{height:150px;margin-bottom:8px;border-radius:8px}#verifyTitle{font-size:18px}#offers-place,.offer-load{display:block;flex-direction:column;justify-content:center}#offers-place,.offer-load,.small-text{margin-top:4px}#offers-place .offers,.offer-load .offers{flex-direction:column;justify-content:center}.small-text{font-size:10px}.offers{text-decoration:none;color:#252525}.offerplace{display:flex;position:relative;align-items:center;justify-content:center;background:#ffc800;border:2px solid #0f2039;border-radius:10px;padding:6px;transition:transform .2s ease-in-out;margin-top:6px}.offerplace:hover{transform:scale(1.02)}.offer-details{flex:1;text-align:center;overflow:hidden}.offer-details #title{font-size:14px;font-weight:bold}.offer-details #desc{font-size:12px;color:#333}.promoted{position:absolute;top:-12px;right:-2px;display:flex;align-items:center;justify-content:center;padding:2px 3px}.promoted #promoIcon{width:45px;height:45px;transform:scaleY(-1)}.spinner{border:2px solid #f3f3f3;border-top:2px solid #ffc800;border-radius:50%;width:18px;height:18px;animation:spin 2s linear infinite}}