.app{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:#000}.main{flex:1;display:flex;flex-direction:column}.loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;font-size:1.5rem;color:#1885ff;flex-direction:column;gap:20px;position:fixed;top:0;left:0;background-color:#000;z-index:1000}.spinner{width:50px;height:50px;border:3px solid rgba(24,133,255,.3);border-radius:50%;border-top-color:#1885ff;animation:spin 1s ease-in-out infinite}.status-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:20px}.retry-info{margin-top:15px;font-size:.9rem;color:#ff4d4db3;font-weight:400}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#fff;font-family:Montserrat,sans-serif;font-weight:500}.loading-container span{font-size:1rem}.spinner{width:40px;height:40px;border:4px solid rgba(24,133,255,.1);border-top:4px solid #1885ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guide-container{position:relative;overflow:hidden;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;touch-action:none}.guide-container .content-container{height:100%;overflow:hidden;position:relative}.tariff-scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch}.guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10}.guide-instructions{position:fixed;left:0;right:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;box-shadow:0 -4px 10px #0000001a;z-index:30;max-height:40vh;overflow-y:auto;transition:all .3s ease}.guide-instructions-bottom{bottom:0;border-top-left-radius:16px;border-top-right-radius:16px}.guide-instructions-top{top:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-shadow:0 4px 10px #0000001a}.guide-content{max-width:600px;margin:0 auto}.guide-content h2{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--tg-theme-text-color, #000000)}.guide-content p{font-size:14px;line-height:1.5;margin-bottom:20px;color:var(--tg-theme-hint-color, #999999)}.guide-hint{font-size:14px;font-weight:500;color:var(--tg-theme-button-color, #2481cc);text-align:center;margin-top:10px;transform:translateY(0);transition:transform .3s ease}.guide-hint:hover{transform:translateY(-2px)}.standard-continue-button.highlighted-element{transform:translateY(0);transition:transform .3s ease}.standard-continue-button.highlighted-element:hover{transform:translateY(-2px)}.highlight-outline{position:absolute;pointer-events:none;border-radius:8px;box-shadow:0 0 0 5px #ffffff80;z-index:1000;transition:all .3s ease}.highlighted-element{position:relative;z-index:20;opacity:1;pointer-events:auto}.hidden-element{opacity:.1;pointer-events:none;transition:opacity .3s ease}@keyframes pulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}:root{--font-family: "Montserrat", "Arial", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-family);line-height:1.5;background-color:#000;color:#fff}#root{height:100%;width:100%}button{cursor:pointer;font-family:var(--font-family)}.screen-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:linear-gradient(180deg,#090909b3,#09090900 20%,#09090900 80%,#090909b3),radial-gradient(ellipse at 0% 43.8%,#1a4980,#0e2845 40%,#090909)}.content-container{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:calc(100vh - 40px);box-sizing:border-box;overflow:visible}.triad-icon{position:relative;width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;margin:15px auto;overflow:visible}.triad-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:-1}.logo-image{width:60%;height:60%;object-fit:contain;background:transparent!important;box-shadow:none;border-radius:20%}.menu-shield-animation{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:visible}.menu-shield-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:1px solid rgba(24,133,255,.3);border-radius:50%;opacity:0;pointer-events:none;animation:pulse 10s infinite cubic-bezier(0,.35,.03,.17);animation-delay:.5s}.menu-shield-circle:nth-child(2){animation-delay:2.5s}.menu-shield-circle:nth-child(3){animation-delay:4.5s}.menu-shield-circle:nth-child(4){animation-delay:6.5s}.menu-shield-circle:nth-child(5){animation-delay:8.5s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.1);opacity:0;border-width:1px}15%{opacity:1;border-width:1px}to{transform:translate(-50%,-50%) scale(2.8);opacity:0;border-width:.1px}}.slide-up{animation:slideUp .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 320px){.button{font-size:14px}}.menu-page{overflow:hidden;height:100vh;position:relative;width:100%}.menu-page .content-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-bottom:0}.menu-content{position:relative;width:100%;z-index:1;background-color:#0006;border-radius:12px;padding:16px;margin-top:auto;display:flex;flex-direction:column;flex:0 1 auto;min-height:0;overflow:hidden}.menu-info{width:100%;margin-bottom:24px}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.title,.price{color:#fff;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700}.info-subheader{display:flex;justify-content:space-between;align-items:center}.expiry,.daily-rate{color:#ffffffb3;font-family:Montserrat,sans-serif;font-size:14px}.menu-page .menu-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%;margin-bottom:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-top:2px;padding-left:2px;padding-right:2px;max-height:calc(100vh - 250px);height:auto}.menu-page .scrollable-content{width:100%}.menu-page .scrollable-content::-webkit-scrollbar{width:4px}.menu-page .scrollable-content::-webkit-scrollbar-track{background:transparent}.menu-page .scrollable-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.menu-actions{width:100%;display:flex;flex-direction:column;gap:16px}.secondary-actions{display:flex;gap:16px;width:100%}.secondary-actions .button{margin-bottom:0;display:flex;align-items:center;justify-content:center;height:48px}.secondary-actions .button-icon{display:flex;align-items:center;justify-content:center}.promo-label{position:absolute;right:20px;color:var(--tg-theme-button-color, #8774e1);font-size:14px;background:transparent;padding:0;border-radius:0;font-weight:400;top:auto}@media (max-width: 320px){.title,.price{font-size:20px}.expiry,.daily-rate{font-size:12px}}.not-found-content{width:100%;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.not-found-icon{font-size:80px;font-weight:700;color:#1885ff;margin-bottom:20px}.not-found-title{color:#fff;font-family:Montserrat,sans-serif;font-size:28px;font-weight:700;margin-bottom:16px}.not-found-message{color:#ffffffb3;font-family:Montserrat,sans-serif;font-size:16px;margin-bottom:30px;line-height:1.5}.not-found-button{width:100%;max-width:300px}@media (max-width: 320px){.not-found-title{font-size:24px}.not-found-message{font-size:14px}.not-found-icon{font-size:60px}}.support-page{overflow:hidden;height:100vh;position:relative}.support-page .content-container{height:100vh;overflow:hidden;padding-bottom:0;display:flex;flex-direction:column}.support-page .support-icon{position:relative;width:80px;height:80px;background:#1885ff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:20px auto;z-index:2;overflow:visible;flex-shrink:0}.support-page .support-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:-1}.support-page .support-icon .menu-shield-animation{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:visible}.support-page .support-content{width:100%;text-align:center;display:flex;flex-direction:column;overflow:hidden;background-color:#0006;border-radius:12px;padding:16px;flex:0 1 auto;min-height:0}.support-page .screen-title{margin:0 0 10px;font-size:20px;color:#fff;flex-shrink:0}.support-page .support-description{color:#fff;font-size:16px;margin:-10px 0 20px;line-height:1.5;opacity:.8;text-align:center;padding:0 10px;flex-shrink:0}.support-page .support-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%;margin-bottom:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-bottom:20px;max-height:calc(100vh - 250px);height:auto}.support-page .scrollable-content{width:100%}.support-page .support-scroll-container::-webkit-scrollbar{width:4px}.support-page .support-scroll-container::-webkit-scrollbar-track{background:transparent}.support-page .support-scroll-container::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.support-page .support-sections{display:flex;flex-direction:column;gap:24px}.support-page .support-section{text-align:left}.support-page .section-title{font-size:18px;color:#fff;margin:0 0 12px;font-weight:500;padding-left:5px}.support-page .contact-list{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.support-page .contact-card{background:#1885ff1a;border:1px solid rgba(24,133,255,.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;box-sizing:border-box}.support-page .contact-card:hover{background:#1885ff33}.support-page .contact-icon{font-size:24px;width:40px;height:40px;background:#1885ff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-page .contact-info{flex:1}.support-page .contact-type{color:#fff;font-size:16px;font-weight:500;margin-bottom:4px}.support-page .contact-value{color:#fff;font-size:14px;opacity:.7}.support-page .contact-arrow{color:#fff;font-size:20px;opacity:.7;margin-left:8px}.support-page .message-form{display:flex;flex-direction:column;gap:12px}.support-page .message-input{background:#0003;border:1px solid rgba(24,133,255,.2);border-radius:12px;padding:12px;font-size:14px;line-height:1.5;color:#fff;width:100%;box-sizing:border-box;resize:none}.support-page .message-input:focus{outline:none;border-color:#1885ff66}.support-page .send-button{margin-top:8px}.support-page .send-result{padding:10px;border-radius:8px;font-size:14px;line-height:1.5}.support-page .send-result.success{background:#00ff001a;border:1px solid rgba(0,255,0,.3);color:#2ecc71}.support-page .send-result.error{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#e74c3c}.support-page .faq-list{display:flex;flex-direction:column;gap:12px}.support-page .faq-item{background:#ffffff0d;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;overflow:hidden;max-height:fit-content;width:100%;box-sizing:border-box}.support-page .faq-item:not(.expanded){max-height:max-content}.support-page .faq-item.expanded{max-height:400px;background:#ffffff14}.support-page .faq-question{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:16px;font-weight:500}.support-page .expand-icon{margin-left:8px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.support-page .faq-item.expanded .expand-icon{transform:rotate(180deg)}.support-page .faq-answer{height:0;overflow:hidden;opacity:0;transition:all .3s ease;margin-top:0}.support-page .faq-item.expanded .faq-answer{height:auto;opacity:1;margin-top:12px}.support-page .pre-line-text{white-space:pre-line}.support-page .faq-answer p{color:#fff;font-size:14px;line-height:1.5;opacity:.8;margin:0}.support-page .support-back-button{width:100%;margin-top:0;padding:15px 0;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex-shrink:0;z-index:10}.support-page .support-back-button-container{width:100%;position:relative;padding:15px 0;flex-shrink:0;margin-top:auto}.support-page .home-icon{font-size:18px;margin-right:4px}@media (max-height: 700px){.support-page .support-description{margin-bottom:16px}.support-page .section-title{margin-bottom:8px}.support-page .contact-type{font-size:14px}.support-page .contact-value,.support-page .faq-question,.support-page .faq-answer p{font-size:13px}.support-page .contact-card,.support-page .faq-item{padding:12px}}.payment-page{overflow:hidden;height:100vh;position:relative;width:100%}.payment-page .content-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-bottom:0;transition:padding-bottom .3s ease}.payment-page.keyboard-open .content-container{padding-bottom:min(var(--keyboard-padding, 0),50vh)}.payment-page .payment-content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:16px;overflow:hidden;background-color:#0006;border-radius:12px;padding:16px;flex:0 1 auto;min-height:0}.payment-icon{position:relative;width:80px;height:80px;margin:20px auto;display:flex;align-items:center;justify-content:center;z-index:2}.payment-icon span{font-size:32px;z-index:2}.payment-icon.success-icon span{color:#4caf50}.payment-icon.waiting-icon .spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#1885ff;animation:spin 1s linear infinite;z-index:2}.payment-icon.confirm-icon span{color:#ffc107}.payment-icon.promo-icon span{color:#e91e63}.payment-page .screen-title{margin:0 0 10px;font-size:20px;color:#fff;flex-shrink:0}.payment-page .payment-description{color:#fff;font-size:16px;margin:-10px 0 20px;line-height:1.5;opacity:.8;text-align:center;padding:0 10px;flex-shrink:0}.payment-page .payment-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;width:100%;margin-bottom:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding-left:2px;padding-right:2px;max-height:calc(100vh - 250px);height:auto}.payment-page .scrollable-content{width:100%}.payment-page .scrollable-content::-webkit-scrollbar{width:4px}.payment-page .scrollable-content::-webkit-scrollbar-track{background:transparent}.payment-page .scrollable-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:2px}.payment-page .payment-sections{display:flex;flex-direction:column;gap:24px}.payment-page .section-title{font-size:18px;font-weight:500;margin-bottom:16px;color:#fff}.amount-container{width:calc(100% - 4px);margin-left:auto;margin-right:auto}.amount-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:18px;text-align:center;margin-bottom:12px;transition:border-color .3s}.amount-input:focus{border-color:#1885ff;outline:none}.amount-slider-container{position:relative;width:100%}.amount-slider{width:100%;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;background:#ffffff26;border-radius:3px;outline:none;border:1px solid rgba(255,255,255,.2)}.amount-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:22px;background:#1885ff;border-radius:0;cursor:pointer;margin-top:-9px;clip-path:polygon(0% 0%,100% 0%,50% 100%)}.amount-slider::-moz-range-thumb{width:14px;height:22px;background:#1885ff;border-radius:0;cursor:pointer;border:none}.amount-slider::-moz-range-track{width:100%;height:6px;background:#ffffff26;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.amount-slider-ticks{display:flex;position:relative;margin-top:8px;padding:0 2px;-webkit-user-select:none;user-select:none;height:20px}.amount-slider-tick{font-size:11px;color:#fff9;position:absolute;transform:translate(-50%);top:0}.amount-slider-tick:first-child{transform:translate(0)}.amount-slider-tick:last-child{transform:translate(-100%)}.amount-slider-tick:before{content:none}.payment-method-card{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important}.payment-method-content{display:flex;align-items:center}.sbp-icon{font-weight:700;margin-right:8px;display:inline-flex;align-items:center;justify-content:center}.payment-page .button.action{display:flex;align-items:center;justify-content:center;text-align:center}.secondary-payment-buttons{display:flex;flex-direction:row;gap:16px;margin-top:16px;width:100%}.secondary-payment-buttons .button{flex:1;margin-bottom:0;display:flex;align-items:center;justify-content:center}.promo-code-container{width:calc(100% - 4px);margin-left:auto;margin-right:auto}.promo-code-input{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;margin-bottom:16px;transition:border-color .3s}.promo-code-input:focus{border-color:#1885ff;outline:none}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);padding:20px;border-radius:12px;text-align:center;color:#ff4d4d;font-family:Montserrat,sans-serif;font-weight:500;max-width:500px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;margin:20px 0}.confirm-details{background:#ffffff1a;border-radius:8px;padding:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;margin-bottom:12px}.detail-row:last-child{margin-bottom:0}.detail-label{color:#ffffffb3}.detail-value{font-weight:500}.payment-page .payment-back-button{width:100%;margin-top:0;padding:15px 0;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;flex-shrink:0;z-index:10}.payment-page .payment-back-button-container{width:100%;position:relative;padding:15px 0;flex-shrink:0;margin-top:auto}.payment-page .home-icon{font-size:18px;margin-right:4px}html.amount-focused .payment-page.keyboard-open .content-container{padding-bottom:calc(var(--keyboard-padding, 0) * .9)}html.amount-focused .payment-page.keyboard-open .payment-content{padding:10px;margin-top:4px}html.amount-focused .payment-page.keyboard-open .payment-icon{width:70px;height:70px;margin:8px auto}html.amount-focused .payment-page.keyboard-open .screen-title{font-size:22px;margin-bottom:6px}html.amount-focused .payment-page.keyboard-open .payment-description{font-size:15px;margin-bottom:10px}html.promo-focused .payment-page.keyboard-open .content-container{padding-bottom:calc(min(var(--keyboard-padding, 0),50vh)*.85)}html.promo-focused .payment-page.keyboard-open .payment-content{padding:10px;margin-top:4px}html.promo-focused .payment-page.keyboard-open .payment-icon{width:70px;height:70px;margin:8px auto}html.promo-focused .payment-page.keyboard-open .screen-title{font-size:22px;margin-bottom:6px}html.promo-focused .payment-page.keyboard-open .payment-scroll-container{max-height:calc(100vh - 220px)}
