.login-modal .code-section{display:flex;flex-direction:column;gap:16px}.login-modal .code-section .code-input{padding:16px 20px;background:rgba(0,0,0,0);border:2px solid #ff6b35;color:#fff;letter-spacing:10px}.light .login-modal .code-section .code-input{color:#111}.login-modal .code-section .code-input{font-size:16px;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;font-family:var(--poppins);outline:none}.login-modal .code-section .code-input::placeholder{color:#666;letter-spacing:none!important}.login-modal .code-section .code-input:focus{border-color:#ff8c5a}.login-modal .code-section .verify-login-btn{padding:16px 24px;background:#ff6b35;border:none;color:#fff;font-size:16px;font-weight:600;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;font-family:var(--orbitron)}.login-modal .MuiDialog-paper{background:#1a1a1a;border:2px solid #ff6b35;max-width:480px;width:100%;margin:20px;position:relative}.login-modal .MuiBackdrop-root{background-color:rgba(0,0,0,.8)}.login-modal-content{overflow:hidden;padding:40px 32px 32px!important;background:#111}.light .login-modal-content{background:#f3f3f3}.login-modal-content{color:#fff;position:relative}.login-modal-content .close-button{position:absolute;top:16px;right:16px;color:#888;padding:8px}.login-modal-content .close-button:hover{color:#fff;background:hsla(0,0%,100%,.1)}.login-modal-content .close-button .MuiSvgIcon-root{font-size:20px}.login-modal-content .login-header{margin-bottom:32px}.login-modal-content .login-header .login-title{font-family:var(--orbitron);font-size:32px;font-weight:500;color:#ff6b35;margin:0 0 12px}.login-modal-content .login-header .login-subtitle{font-size:16px;color:#888;margin:0;line-height:1.5;font-family:var(--poppins)}.login-modal-content .login-form{display:flex;flex-direction:column;gap:16px}.login-modal-content .login-form .social-login-btn{display:flex;align-items:center;justify-content:center;transition:.01s;gap:12px;padding:16px 24px;background:rgba(0,0,0,0);border:2px solid #ff6b35;color:#fff}.login-modal-content .login-form .social-login-btn:active{background:#ff6b35;color:#fff}.light .login-modal-content .login-form .social-login-btn{color:#111}.login-modal-content .login-form .social-login-btn{font-size:16px;font-weight:500;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;font-family:var(--poppins)}.login-modal-content .login-form .social-login-btn img{width:24px;height:24px;transform:translateY(-1px);display:flex;align-items:center;justify-content:center}.light .login-modal-content .login-form .social-login-btn img{background-color:#000}.login-modal-content .login-form .social-login-btn .apple-icon,.login-modal-content .login-form .social-login-btn .google-icon{font-size:28px;font-weight:700}.login-modal-content .login-form .social-login-btn .google-icon{background:linear-gradient(45deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.login-modal-content .login-form .social-login-btn .apple-icon{filter:brightness(0) invert(1)}.login-modal-content .login-form .divider{display:flex;align-items:center;margin:8px 0}.login-modal-content .login-form .divider:after,.login-modal-content .login-form .divider:before{content:"";flex:1;height:1px;background:#333}.login-modal-content .login-form .divider span{padding:0 16px;color:#666;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-modal-content .login-form .email-section{display:flex;flex-direction:column;gap:16px}.login-modal-content .login-form .email-section .email-input{padding:16px 20px;background:rgba(0,0,0,0);border:2px solid #ff6b35;color:#fff}.light .login-modal-content .login-form .email-section .email-input{color:#111}.login-modal-content .login-form .email-section .email-input{font-size:16px;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;font-family:var(--poppins);outline:none}.login-modal-content .login-form .email-section .email-input::placeholder{color:#666}.login-modal-content .login-form .email-section .email-input:focus{border-color:#ff8c5a}.login-modal-content .login-form .email-section .send-code-btn{padding:16px 24px;background:#ff6b35;border:none;color:#fff;font-size:16px;font-weight:600;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;font-family:var(--orbitron)}@media(max-width:600px){.login-modal .MuiDialog-paper{margin:16px;max-width:calc(100vw - 32px)}.login-modal-content{padding:32px 24px 24px!important}.login-modal-content .login-header .login-title{font-size:28px}.login-modal-content .login-header .login-subtitle{font-size:14px}.login-modal-content .login-form .social-login-btn{padding:14px 20px;font-size:15px}.login-modal-content .login-form .email-section .email-input,.login-modal-content .login-form .email-section .send-code-btn{padding:14px 18px;font-size:15px}}.resend-email-btn{font-size:10px;padding:6px 12px;font-family:var(--poppins);background:#ff6b35;color:#fff;margin-top:8px;opacity:.8;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;border:none}.resend-email-btn:hover{background:#dc2626}.settings-modal .MuiDialog-paper{background-color:#1a1a1a;border:2px solid #ff6b35;border-radius:0;color:#fff;max-width:700px;width:90%;transform:scale(.9)}.settings-modal-content{padding:40px!important;position:relative;background-color:var(--primary-background-color)}.close-button{position:absolute!important;top:20px;right:20px;color:#9ca3af!important;z-index:1}.close-button:hover{color:#ff6b35!important}.settings-header{margin-bottom:40px}.settings-title{font-family:var(--orbitron);font-size:2.5rem;font-weight:500;color:#ff6b35;margin:0;display:flex;align-items:center;gap:12px}.settings-icon{font-size:2.5rem!important;color:#ff6b35}.settings-form{display:flex;flex-direction:column;gap:16px}.setting-section{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.setting-label{font-family:var(--orbitron);display:flex;align-items:center;font-weight:500;gap:16px}.setting-icon{font-size:1.5rem;color:#ff6b35}.setting-label h3{font-size:1.5rem;font-weight:400;font-family:var(--orbitron);color:var(--text-color);margin:0}.setting-label p{font-size:1rem;color:#9ca3af;margin:4px 0 0}.toggle-buttons{display:flex;gap:8px}.toggle-btn{padding:12px 24px;border:2px solid var(--secondary-text-color);font-family:var(--poppins);background-color:rgba(0,0,0,0);color:var(--text-color);font-size:1rem;font-weight:500;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;transition:all .2s ease;min-width:80px}.toggle-btn:hover{border-color:#ff6b35;color:#ff6b35}.toggle-btn.active{background-color:#ff6b35;border-color:#ff6b35;color:#fff}.settings-separator{width:100%;height:2px;background-color:rgba(255,107,53,.4941176471);margin:24px 0 16px}.settings-actions{display:flex;gap:12px;justify-content:flex-start}.cancel-btn{width:120px;border:2px solid #4b5563;background-color:rgba(0,0,0,0);color:var(--text-color);border-radius:0}.cancel-btn,.save-btn{padding:12px 20px;font-size:1rem;font-weight:500;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;transition:all .2s ease;font-family:var(--orbitron)}.save-btn{width:180px;border:2px solid #ff6b35;background-color:#ff6b35;color:#fff;border-radius:0;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:768px){.settings-modal-content{padding:24px!important}.setting-section{flex-direction:column;align-items:flex-start;gap:16px}.toggle-buttons{width:100%;justify-content:stretch}.toggle-btn{flex:1}.settings-actions{flex-direction:column}}.plans-modal .MuiDialog-paper{background-color:#1a1a1a}.light .plans-modal .MuiDialog-paper{background-color:#f3f3f3}.plans-modal .MuiDialog-paper{border:2px solid rgba(255,107,53,.4862745098);border-radius:0;max-width:980px;width:100%!important;height:820px!important;margin:0;transform:scale(.9)}.plans-modal .MuiBackdrop-root{background-color:rgba(0,0,0,.8)}.plans-modal-content{padding:32px;color:#fff}.plans-modal-content .plans-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.plans-modal-content .plans-modal-header .plans-modal-title{font-size:32px;font-weight:500;color:#ff6b35;font-family:var(--orbitron);margin:0 auto;transform:translatex(24px)}.plans-modal-content .plans-modal-header .plans-modal-close{color:#9ca3af;padding:8px}.plans-modal-content .plans-modal-header .plans-modal-close:hover{color:#fff}.plans-modal-content .plans-modal-header .plans-modal-close .MuiSvgIcon-root{font-size:24px}.plans-modal-content .plans-tabs{display:flex;gap:0;width:400px;margin:0 auto;padding-bottom:40px;transform:translateY(-10px)}.plans-modal-content .plans-tabs .plans-tab{font-family:var(--orbitron);flex:1;padding:16px 24px;background-color:#374151}.light .plans-modal-content .plans-tabs .plans-tab{background-color:#f3f3f3}.plans-modal-content .plans-tabs .plans-tab{color:#9ca3af;border:2px solid #ff6b35;border-radius:0;font-size:15px;font-weight:500;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;transition:all .2s}.plans-modal-content .plans-tabs .plans-tab:first-child{border-right:1px solid #ff6b35}.plans-modal-content .plans-tabs .plans-tab.active{background-color:#ff6b35;color:#fff}.plans-modal-content .plans-tabs .plans-tab:hover:not(.active){background-color:#4b5563}.light .plans-modal-content .plans-tabs .plans-tab:hover:not(.active){background-color:#ddd}.plans-modal-content .plans-subtitle{text-align:center;color:#9ca3af;font-size:16px;margin-bottom:32px;margin-top:-18px;font-family:var(--poppins)}.plans-modal-content .pay-per-battle-content .battle-selector{border:2px solid rgba(255,107,53,.5098039216);border-radius:0;padding:32px;text-align:center;margin-bottom:320px;background-color:#111}.light .plans-modal-content .pay-per-battle-content .battle-selector{background-color:hsla(0,0%,100%,.4784313725)}.plans-modal-content .pay-per-battle-content .battle-selector{font-family:var(--orbitron);font-size:15px;font-weight:500;width:400px;margin:0 auto}.plans-modal-content .pay-per-battle-content .battle-selector .battle-icon{font-size:48px;margin-bottom:16px}.plans-modal-content .pay-per-battle-content .battle-selector .battle-selector-title{font-size:24px;font-weight:500;font-family:var(--orbitron);color:#ff6b35;margin:0 0 8px}.plans-modal-content .pay-per-battle-content .battle-selector .battle-selector-subtitle{color:#9ca3af;margin-bottom:24px;font-family:var(--poppins)}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn{width:48px;height:48px;background-color:#374151}.light .plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn{background-color:#f3f3f3}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn{color:#fff}.light .plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn{color:#111}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn{border:1px solid #4b5563;border-radius:0;font-size:24px;font-weight:700;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;transition:background-color .2s}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn:hover{background-color:#4b5563}.light .plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-btn:hover{background-color:#ddd}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-display{width:80px;height:48px;background-color:#374151}.light .plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-display{background-color:#f3f3f3}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-display{color:#fff}.light .plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-display{color:#111}.plans-modal-content .pay-per-battle-content .battle-selector .battle-counter .counter-display{border:1px solid #4b5563;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500}.plans-modal-content .pay-per-battle-content .battle-selector .battle-pricing{margin-bottom:24px}.plans-modal-content .pay-per-battle-content .battle-selector .battle-pricing .price-highlight{color:#ff6b35;font-size:18px;font-weight:700;margin:0 0 8px}.plans-modal-content .pay-per-battle-content .battle-selector .battle-pricing .total-price{color:#9ca3af;font-size:16px;margin:0}.plans-modal-content .pay-per-battle-content .battle-selector .get-battles-btn{background-color:#ff6b35;color:#fff;border:none;border-radius:0;padding:16px 32px;font-size:18px;font-weight:500;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;transition:background-color .2s;font-family:var(--orbitron)}.plans-modal-content .pay-per-battle-content .battle-selector .get-battles-btn:hover{background-color:#e55a2b}.plans-modal-content .pay-per-battle-content .features-list{display:flex;flex-direction:column;gap:12px}.plans-modal-content .pay-per-battle-content .features-list .feature-item{display:flex;align-items:center;gap:12px;color:#9ca3af;font-family:var(--poppins);font-size:15px}.plans-modal-content .pay-per-battle-content .features-list .feature-item .checkmark{color:#10b981;font-weight:400;font-size:15px}.plans-modal-content .subscriptions-content .billing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.plans-modal-content .subscriptions-content .billing-toggle .billing-option{font-size:16px;font-weight:500;font-family:var(--orbitron);color:#9ca3af}.plans-modal-content .subscriptions-content .billing-toggle .billing-option.active{color:#fff}.light .plans-modal-content .subscriptions-content .billing-toggle .billing-option.active{color:#111}.plans-modal-content .subscriptions-content .billing-toggle .billing-option .discount{font-family:var(--poppins);font-weight:700;color:#00e047;font-size:20px}.plans-modal-content .subscriptions-content .billing-toggle .toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.plans-modal-content .subscriptions-content .billing-toggle .toggle-switch input{opacity:0;width:0;height:0}.plans-modal-content .subscriptions-content .billing-toggle .toggle-switch .slider{position:absolute;cursor:url(/_next/static/media/pointer.3adbd749.png),auto;top:0;left:0;right:0;bottom:0;background-color:#374151;transition:.4s;border-radius:34px}.plans-modal-content .subscriptions-content .billing-toggle .toggle-switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.plans-modal-content .subscriptions-content .billing-toggle .toggle-switch input:checked+.slider{background-color:#ff6b35}.plans-modal-content .subscriptions-content .billing-toggle .toggle-switch input:checked+.slider:before{transform:translateX(26px)}.plans-modal-content .subscriptions-content .subscription-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.plans-modal-content .subscriptions-content .subscription-plans .plan-card{border:2px solid;border-radius:0;padding:24px;text-align:center;position:relative}.plans-modal-content .subscriptions-content .subscription-plans .plan-card:first-child .plan-icon{background-color:rgba(34,197,94,.2)!important}.plans-modal-content .subscriptions-content .subscription-plans .plan-card:nth-child(2) .plan-icon{background-color:rgba(60,131,246,.2)!important}.plans-modal-content .subscriptions-content .subscription-plans .plan-card:nth-child(3) .plan-icon{background-color:rgba(245,158,11,.2)!important}.plans-modal-content .subscriptions-content .subscription-plans .plan-card{background-color:#111}.light .plans-modal-content .subscriptions-content .subscription-plans .plan-card{background-color:rgba(243,243,243,.5647058824)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card{font-family:var(--orbitron)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.green{border-color:rgba(16,185,129,.5019607843)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.green .plan-name{color:#10b981}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.green .plan-button{background-color:#10b981}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.green .plan-button:hover{background-color:#059669}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.green .checkmark{color:#10b981}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.blue{border-color:#3b82f6;border-width:3px;box-shadow:0 8px 25px rgba(59,130,246,.3);transform:translateY(-4px)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.blue .plan-name{color:#3b82f6;font-weight:900;text-shadow:0 2px 4px rgba(59,130,246,.4)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.blue .plan-button{background-color:#3b82f6;font-weight:700;box-shadow:0 4px 15px rgba(59,130,246,.4)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.blue .plan-button:hover{background-color:#2563eb;box-shadow:0 6px 20px rgba(59,130,246,.5)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.blue .checkmark{color:#3b82f6;font-weight:700}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.gold{border-color:rgba(245,159,11,.5019607843)}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.gold .plan-name{color:#facc15}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.gold .plan-button{background-color:#facc15;color:#111}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.gold .plan-button:hover{background-color:#eab308}.plans-modal-content .subscriptions-content .subscription-plans .plan-card.gold .checkmark{color:#facc15}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:#3b82f6;font-family:var(--poppins);color:#fff;padding:4px 16px;font-size:12px;font-weight:700;border-radius:0}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .popular-badge.best{background-color:#facc15;color:#111}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-icon{font-size:48px;width:67px;height:67px;margin:0 auto 16px;background-color:rgba(34,197,94,.2);display:flex;align-items:center;justify-content:center}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-name{font-size:24px;font-weight:700;margin:0 0 16px}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-price{margin-bottom:24px}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-price .price{font-size:32px;font-weight:500;color:#fff}.light .plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-price .price{color:#111}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-price .period{color:#9ca3af}.light .plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-price .period{color:#111}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-price .period{font-size:16px}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-features{text-align:left;margin-bottom:24px}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-features .plan-feature{font-family:var(--poppins);display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#9ca3af}.light .plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-features .plan-feature{color:#111}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-features .plan-feature .checkmark{font-weight:700}.plans-modal-content .subscriptions-content .subscription-plans .plan-card .plan-button{width:100%;padding:16px;border:none;border-radius:0;color:#fff;font-size:16px;font-weight:500;font-family:var(--orbitron);cursor:url(/_next/static/media/pointer.3adbd749.png),auto;transition:background-color .2s}@media(max-width:768px){.plans-modal-content{padding:24px 16px}.plans-modal-content .plans-modal-header .plans-modal-title{font-size:24px}.plans-modal-content .plans-tabs .plans-tab{padding:12px 16px;font-size:14px}.plans-modal-content .pay-per-battle-content .battle-selector{padding:24px 16px}.plans-modal-content .pay-per-battle-content .battle-selector .battle-selector-title{font-size:20px}.plans-modal-content .subscriptions-content .subscription-plans{grid-template-columns:1fr}}@media(max-width:992px){.plans-modal .MuiDialog-paper{width:90%;height:1000px}}@media(max-width:768px){.plans-modal .MuiDialog-paper .subscription-plans .plan-card{width:400px;margin:0 auto}}@media(max-width:500px){.plans-modal .MuiDialog-paper .pay-per-battle-content .battle-selector{width:100%;border:none;background-color:rgba(0,0,0,0);height:600px;margin:0 auto}.plans-modal .MuiDialog-paper .plans-modal-header .plans-modal-title{font-size:20px!important;text-align:left;margin-left:0}.plans-modal .MuiDialog-paper .billing-toggle .billing-option{font-size:12px!important}.plans-modal .MuiDialog-paper .billing-toggle .slider,.plans-modal .MuiDialog-paper .billing-toggle .toggle-switch{width:40px;height:20px}.plans-modal .MuiDialog-paper .billing-toggle .slider:before{width:16px!important;height:16px!important;left:2px!important;bottom:2px!important}.plans-modal .MuiDialog-paper .billing-toggle input:checked+.slider:before{transform:translateX(19px)!important}.plans-modal .MuiDialog-paper .plans-tabs,.plans-modal .MuiDialog-paper .subscription-plans .plan-card{width:300px;margin:0 auto}}@media(max-width:380px){.plans-modal .MuiDialog-paper .plans-modal-header .plans-modal-title{font-size:16px!important;text-align:left;margin-left:0}.plans-modal .MuiDialog-paper .billing-toggle .billing-option{font-size:12px!important}.plans-modal .MuiDialog-paper .billing-toggle .slider,.plans-modal .MuiDialog-paper .billing-toggle .toggle-switch{width:40px;height:20px}.plans-modal .MuiDialog-paper .billing-toggle .slider:before{width:16px!important;height:16px!important;left:2px!important;bottom:2px!important}.plans-modal .MuiDialog-paper .billing-toggle input:checked+.slider:before{transform:translateX(19px)!important}.plans-modal .MuiDialog-paper .plans-tabs{width:250px;margin:0 auto}.plans-modal .MuiDialog-paper .plans-tabs .plans-tab{font-size:12px!important}.plans-modal .MuiDialog-paper .subscription-plans .plan-card{width:100%;margin:0 auto}}