*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}@media (min-width:768px){body{background:#1a1f3a}#root,html{background:#1a1f3a;height:100%}#root{min-height:100vh}}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(74,144,226,.2);touch-action:manipulation}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}@media (min-width:768px){.navbar-container{padding:0 2rem}}.navbar-logo{color:#000;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;transition:color .3s}.navbar-logo:hover{color:#4a90e2}.navbar-menu{align-items:center;display:flex;gap:1.5rem}.navbar-link{color:#000;font-weight:500;text-decoration:none;transition:color .3s}.navbar-link:hover{color:#4a90e2}.navbar-user{color:#666;font-size:.9rem}.navbar-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}@media (min-width:768px){.navbar-button{font-size:.95rem;padding:.6rem 1.5rem}}.navbar-button:hover{box-shadow:0 4px 12px #4a90e266;transform:translateY(-2px)}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-logo{font-size:1.2rem}.navbar-menu{flex-wrap:wrap;gap:.75rem}.navbar-link{font-size:.9rem}.navbar-button{font-size:.85rem;padding:.5rem 1rem}.navbar-user{display:none}}@media (max-width:480px){.navbar-logo{font-size:1rem}.navbar-menu{gap:.5rem}.navbar-link{font-size:.85rem}}.home-jyk{color:#000}.hero-jyk,.home-jyk{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh}.hero-jyk{padding:2rem;width:100%}.hero-content-jyk{max-width:520px;text-align:center;width:100%}.hero-title-jyk{color:#000;font-size:clamp(3.5rem,10vw,6.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:3.5rem}.phone-form-jyk{display:flex;flex-direction:column;gap:1rem;width:100%}.phone-input-wrapper-jyk{align-items:center;border:1px solid #000;border-radius:8px;display:flex;overflow:hidden;transition:all .2s}.phone-input-wrapper-jyk:focus-within{box-shadow:0 0 0 2px #0000000d}.phone-prefix-jyk{flex-shrink:0;padding:1.125rem .75rem 1.125rem 1.25rem;-webkit-user-select:none;user-select:none}.phone-input-jyk,.phone-prefix-jyk{background:#fff;color:#000;font-size:1rem;font-weight:400}.phone-input-jyk{border:none;border-radius:0;box-sizing:border-box;flex:1 1;outline:none;padding:1.125rem 1.25rem 1.125rem .5rem;transition:all .2s}.phone-input-jyk:focus{border-color:#000;box-shadow:0 0 0 2px #0000000d}.phone-input-jyk::placeholder{color:#999;font-weight:400}.phone-submit-jyk{background:#000;border:1px solid #000;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:0;padding:1.125rem 1.25rem;transition:all .2s;width:100%}.phone-submit-jyk:hover{background:#333;border-color:#333}.phone-submit-jyk:active{background:#000}.phone-submit-jyk:disabled{cursor:not-allowed;opacity:.6}.error-message-jyk{color:red;font-size:.875rem;margin-top:.5rem;text-align:center}.resend-code-buttons-jyk{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.resend-code-jyk{background:#0000;border:none;color:#666;cursor:pointer;font-size:.875rem;padding:.5rem;text-decoration:underline;transition:color .2s}.resend-code-jyk:hover:not(:disabled){color:#000}.resend-code-jyk:disabled{cursor:not-allowed;opacity:.5}.change-phone-jyk{background:#0000;border:none;color:#666;cursor:pointer;font-size:.875rem;padding:.5rem;text-decoration:underline;transition:color .2s}.change-phone-jyk:hover:not(:disabled){color:#000}.change-phone-jyk:disabled{cursor:not-allowed;opacity:.5}.code-inputs-wrapper-jyk{display:flex;gap:.75rem;justify-content:center;width:100%}.code-input-jyk{background:#fff;border:2px solid #000;border-radius:8px;box-sizing:border-box;color:#000;font-size:1.5rem;font-weight:600;height:60px;outline:none;text-align:center;transition:all .2s;width:60px}.code-input-jyk:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;transform:scale(1.05)}.code-input-jyk:disabled{cursor:not-allowed;opacity:.6}.hero-buttons-jyk{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-jyk{border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-block;font-size:1.25rem;font-weight:600;padding:1.25rem 3rem;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-primary-jyk{background:#000;border-color:#000;color:#fff}.btn-primary-jyk:hover{background:#333;border-color:#333}.footer-links-jyk{flex-wrap:nowrap;gap:1rem;margin-top:4rem}.footer-link-jyk,.footer-links-jyk{display:flex;justify-content:center}.footer-link-jyk{align-items:center;background:#fff;border:1px solid #000;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;letter-spacing:0;padding:1.125rem 1.25rem;text-decoration:none;transition:all .2s}.footer-link-jyk:hover{background:#000;color:#fff}.footer-link-jyk:active{background:#333;border-color:#333}.footer-icon-jyk{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.hero-jyk{padding:1.5rem}.hero-content-jyk{max-width:100%}.hero-title-jyk{font-size:clamp(2.5rem,12vw,5rem);margin-bottom:2.5rem}.phone-prefix-jyk{font-size:.95rem;padding:1rem .5rem 1rem 1rem}.phone-input-jyk{font-size:.95rem;padding:1rem 1rem 1rem .25rem}.phone-submit-jyk{font-size:.95rem;padding:1rem 1.25rem}.code-input-jyk{font-size:1.25rem;height:55px;width:55px}.footer-links-jyk{gap:1rem;margin-top:2.5rem}.footer-link-jyk{font-size:.95rem;padding:1rem 1.25rem}}@media (max-width:480px){.hero-jyk{padding:1rem}.hero-title-jyk{font-size:clamp(2rem,15vw,4rem);margin-bottom:2rem}.phone-prefix-jyk{font-size:.9rem;padding:.875rem .5rem .875rem 1rem}.phone-input-jyk{font-size:.9rem;padding:.875rem 1rem .875rem .25rem}.phone-submit-jyk{font-size:.9rem;padding:.875rem 1rem}.code-inputs-wrapper-jyk{gap:.5rem}.code-input-jyk{font-size:1.1rem;height:50px;width:50px}.footer-links-jyk{flex-wrap:wrap;gap:.75rem;margin-top:2rem}.footer-link-jyk{flex:1 1;font-size:.9rem;gap:.375rem;min-width:calc(50% - .375rem);padding:.875rem 1rem}.footer-icon-jyk{height:18px;width:18px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:1.5rem}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:450px;padding:2rem 1.5rem;width:100%}@media (min-width:640px){.auth-card{padding:3rem}}.auth-card h2{color:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#a0a0a0;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{background:#0a0e27b3;border:1px solid #4a90e24d;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.875rem 1rem;transition:all .3s;width:100%}.form-group input:focus{background:#0a0e27e6;box-shadow:0 0 0 3px #4a90e21a}.form-group input::placeholder{color:#666}.error-message{background:#ef444433;border:1px solid #ef444480;border-radius:8px;color:#fca5a5;margin-bottom:1.5rem;padding:.875rem;text-align:center}.auth-card .btn{border:none;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.auth-card .btn-primary{background:linear-gradient(135deg,#4a90e2,#357abd);box-shadow:0 4px 20px #4a90e266;color:#fff}.auth-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5aa0f2,#458acd);box-shadow:0 8px 30px #4a90e280;transform:translateY(-2px)}.auth-card .btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:#a0a0a0;margin-top:2rem;text-align:center}.auth-footer a{color:#4a90e2;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:480px){.auth-container{padding:1rem}.auth-card{border-radius:20px;padding:1.5rem 1.25rem}.auth-card h2{font-size:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input{font-size:.95rem;padding:.75rem}}.dashboard-mobile{background:#1a1f3a;box-sizing:border-box;height:100%;min-height:100vh;padding:1.5rem 1.5rem 2rem}.dashboard-loading{background:#1a1f3a;color:#fff;font-size:1.2rem;min-height:100vh}.dashboard-loading,.payment-loader-overlay{align-items:center;display:flex;justify-content:center}.payment-loader-overlay{animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-loader{align-items:center;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3af2;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;gap:2rem;max-width:400px;padding:3rem 2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-loader-spinner{height:80px;position:relative;width:80px}.spinner-ring{animation:spin 1s linear infinite;border-right:4px solid #4a90e226;border-top:4px solid #4a90e226;border-color:#4a90e2 #5aa0f2 #4a90e226 #4a90e226;border-radius:50%;border-style:solid;border-width:4px;box-shadow:0 0 20px #4a90e24d;height:100%;width:100%}.payment-loader-text{text-align:center}.payment-loader-title{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:.02em;margin-bottom:.5rem}.payment-loader-subtitle{animation:pulse 2s ease-in-out infinite;color:#ffffffb3;font-size:.9375rem;font-weight:400}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.dashboard-header{justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-icon-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.header-icon-btn:hover{background:#ffffff4d}.header-title h1{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.header-title p{color:#a0a0a0;font-size:.875rem;margin:0}.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.refresh-btn:hover{background:#1a1f3a;border-color:#4a90e280}.refresh-btn svg{height:18px;width:18px}.dashboard-error{background:#ef444433;border:1px solid #ef444480;border-radius:12px;color:#fca5a5;margin-bottom:1.5rem;padding:1rem;text-align:center}.profile-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;margin-bottom:1.5rem;padding:2rem 1.5rem}.section-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.profile-items{display:flex;flex-direction:column;gap:1rem}.profile-items-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.profile-item{align-items:center;background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s}.profile-item:hover{background:#0a0e27b3;border-color:#4a90e266}.profile-item-icon{align-items:center;background:#4a90e226;border-radius:12px;color:#4a90e2;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.profile-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.profile-item-label{color:#a0a0a0;font-size:.875rem;font-weight:500}.profile-item-value{color:#fff;font-size:1.5rem;font-weight:700}.profile-topup-btn{align-items:center;background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;color:#fff;cursor:pointer;display:flex;gap:1rem;margin-top:.5rem;padding:1.25rem;text-align:left;transition:all .3s;width:100%}.profile-topup-btn:hover{background:#0a0e27b3;border-color:#4a90e266}.profile-topup-btn .profile-item-icon{align-items:center;background:#4a90e226;border-radius:12px;color:#4a90e2;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.profile-topup-btn .profile-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.profile-topup-btn .profile-item-label{color:#fff;font-size:1rem;font-weight:600}.profile-topup-arrow{align-items:center;color:#4a90e2;display:flex;flex-shrink:0;justify-content:center;margin-left:auto}.profile-topup-arrow svg{color:#4a90e2;height:20px;width:20px}.balance-warning{border-radius:8px;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem;text-align:center}.balance-warning-critical,.balance-warning-low{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.balance-warning-ok{background:#4a90e226;border:1px solid #4a90e24d;color:#4a90e2}.vpn-buttons-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.install-vpn-btn,.renew-vpn-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:1rem;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s;width:100%}.install-vpn-btn:before,.renew-vpn-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.install-vpn-btn:hover:before,.renew-vpn-btn:hover:before{left:100%}.install-vpn-btn:hover,.renew-vpn-btn:hover{background:#1a1f3a;border-color:#4a90e280;box-shadow:0 8px 30px #4a90e24d;transform:translateY(-3px)}.install-vpn-btn:active,.renew-vpn-btn:active{transform:translateY(-1px)}.vpn-icon{color:#fff;flex-shrink:0}.install-vpn-btn span,.renew-vpn-btn span{font-size:1.125rem;font-weight:700;letter-spacing:.02em;position:relative;z-index:1}.quick-actions-section{margin-bottom:2rem}.quick-actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;min-height:100px;padding:1rem .5rem;transition:all .3s}.quick-action-btn:hover{background:#1a1f3a;border-color:#4a90e280;box-shadow:0 8px 30px #4a90e233;transform:translateY(-2px)}.quick-action-btn span{font-size:.75rem;font-weight:500;line-height:1.2;text-align:center}.action-icon{color:#fff;flex-shrink:0}.devices-section{margin-bottom:2rem}.devices-list{display:flex;flex-direction:column;gap:1rem}.device-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;padding:1.5rem}.device-info{align-items:center;display:flex;gap:1rem}.device-icon{color:#fff;flex-shrink:0}.device-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.device-status{color:#a0a0a0;font-size:.875rem}.devices-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.refresh-devices-btn{transition:all .2s}.refresh-devices-btn:hover{background:#4a90e24d!important;border-color:#4a90e280!important}.add-device-section{margin-bottom:2rem}.add-device-form{display:flex;flex-direction:column;gap:1rem}.device-name-input{background:#0a0e27b3;border:1px solid #4a90e24d;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s;width:100%}.device-name-input:focus{background:#0a0e27e6;border-color:#4a90e280;box-shadow:0 0 0 3px #4a90e21a}.device-name-input::placeholder{color:#666}.add-device-submit{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:12px;box-shadow:0 4px 20px #4a90e266;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.add-device-submit:hover{background:linear-gradient(135deg,#5aa0f2,#458acd);box-shadow:0 8px 30px #4a90e280;transform:translateY(-2px)}.topup-amounts,.topup-section{margin-bottom:2rem}.topup-amounts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.topup-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1.5rem 1rem;transition:all .3s}.topup-btn:hover{background:#1a1f3a;border-color:#4a90e280;box-shadow:0 8px 30px #4a90e233;transform:translateY(-2px)}.current-balance{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1f3ae6;border:1px solid #4a90e24d;border-radius:24px;box-shadow:0 20px 60px #0006;padding:1.5rem;text-align:center}.balance-label{color:#fff9;font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.balance-amount{color:#fff;font-size:2rem;font-weight:700}.referral-section{display:flex;flex-direction:column;gap:1.5rem}.referral-info-card{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;padding:1.5rem}.referral-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.referral-description{color:#fffc;font-size:1rem;line-height:1.6}.referral-description strong{color:#4a90e2;font-weight:600}.referral-link-card,.referral-stats-card{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;padding:1.5rem}.referral-subtitle{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.referral-link-wrapper{align-items:stretch;display:flex;flex-direction:column;gap:.75rem}@media (min-width:480px){.referral-link-wrapper{align-items:center;flex-direction:row}}.referral-link-input{background:#1a1f3acc;border:1px solid #4a90e24d;border-radius:12px;color:#fff;flex:1 1;font-family:monospace;font-size:.875rem;min-width:0;padding:.875rem 1rem;word-break:break-all}.referral-link-input:focus{border-color:#4a90e280;outline:none}.referral-copy-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:.875rem 1.25rem;transition:all .2s;white-space:nowrap}@media (min-width:480px){.referral-copy-btn{min-height:auto}}.referral-copy-btn:hover{background:#4a90e24d;border-color:#4a90e280}.referral-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.referral-stat-item{background:#1a1f3acc;border:1px solid #4a90e233;border-radius:12px;padding:1rem;text-align:center}.referral-stat-label{color:#fff9;font-size:.875rem;margin-bottom:.5rem}.referral-stat-value{color:#4a90e2;font-size:1.75rem;font-weight:700}.subscription-section{display:flex;flex-direction:column;gap:1.5rem}.subscription-info-card{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;padding:1.5rem}.subscription-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.subscription-description{color:#fffc;font-size:1rem;line-height:1.6}.subscription-link-card{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;padding:1.5rem}.subscription-subtitle{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.subscription-link-wrapper{align-items:center;display:flex;gap:.75rem}.subscription-link-input{background:#1a1f3acc;border:1px solid #4a90e24d;border-radius:12px;color:#fff;flex:1 1;font-family:monospace;font-size:.875rem;padding:.875rem 1rem;word-break:break-all}.subscription-link-input:focus{border-color:#4a90e280;outline:none}.subscription-copy-btn{align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.25rem;transition:all .2s;white-space:nowrap}.subscription-copy-btn:hover{background:#4a90e24d;border-color:#4a90e280}.subscription-import-section{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;padding:1.5rem}.subscription-import-buttons{display:flex;flex-direction:column;gap:.75rem}.subscription-import-btn{align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .2s}.subscription-import-btn:hover{background:#4a90e24d;border-color:#4a90e280}.balance-warning-trial{border-radius:12px;font-size:.9375rem;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.install-steps,.install-vpn-section{display:flex;flex-direction:column;gap:1.5rem}.install-step{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.step-number{align-items:center;background:#4a90e233;border:2px solid #4a90e266;border-radius:50%;color:#4a90e2;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;min-width:40px;width:40px}.step-content{flex:1 1}.step-title{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.step-description{color:#fffc;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.step-description strong{color:#4a90e2;font-weight:600}.step-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.store-btn{align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s}.store-btn:hover{background:#4a90e24d;border-color:#4a90e280;transform:translateY(-2px)}.config-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.copy-config-btn{align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:.875rem 1.25rem;text-decoration:none;transition:all .2s}.copy-config-btn:hover{background:#4a90e24d;border-color:#4a90e280;transform:translateY(-2px)}.import-btn{background:#4a90e240;border-color:#4a90e266}.copy-btn{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.copy-btn:hover{background:#ffffff26;border-color:#ffffff4d}.step-hint{color:#fff9;font-size:.8125rem;font-style:italic;line-height:1.5;margin-top:.75rem}.install-note{background:#4a90e226;border:1px solid #4a90e24d;border-radius:12px;color:#ffffffe6;display:flex;font-size:.875rem;gap:1rem;line-height:1.6;padding:1rem}.install-note svg{color:#4a90e2;flex-shrink:0;margin-top:.125rem}.install-note strong{color:#4a90e2;font-weight:600}.install-success{background:linear-gradient(135deg,#4a90e226,#4a90e20d);border:2px solid #4a90e24d;border-radius:20px;flex-direction:column;margin-top:1rem;padding:2rem 1.5rem;text-align:center}.install-success,.success-icon{align-items:center;display:flex}.success-icon{background:#4a90e233;border:3px solid #4a90e266;border-radius:50%;color:#4a90e2;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.success-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.success-description{color:#ffffffe6;font-size:1rem;line-height:1.6;max-width:400px}.manual-instructions-block{background:#0a0e2780;border:1px solid #4a90e233;border-radius:16px;margin-top:1rem;overflow:hidden}.manual-instructions-toggle{align-items:center;background:#0000;border:none;color:#ffffffe6;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem;transition:all .2s;width:100%}.manual-instructions-toggle:hover{background:#4a90e21a;color:#fff}.manual-instructions-toggle svg{color:#4a90e2;transition:transform .3s}.manual-instructions-toggle svg.rotated{transform:rotate(180deg)}.manual-instructions-content{background:#1a1f3a4d;border-top:1px solid #4a90e233;padding:1.5rem}.manual-step{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.manual-step:last-of-type{margin-bottom:0}.manual-step-number{align-items:center;background:#4a90e233;border:1px solid #4a90e266;border-radius:50%;color:#4a90e2;display:flex;font-size:.875rem;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.manual-step-text{color:#ffffffe6;flex:1 1;font-size:.9375rem;line-height:1.6;padding-top:.25rem}.manual-step-text strong{color:#4a90e2;font-weight:600}.manual-copy-section{border-top:1px solid #4a90e233;margin:1.5rem 0 1rem;padding-top:1rem}.manual-copy-btn{align-items:center;background:#4a90e233;border:1px solid #4a90e24d;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s;width:100%}.manual-copy-btn:hover{background:#4a90e24d;border-color:#4a90e280;transform:translateY(-2px)}.support-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.support-dialog{background:#1a1f3a;border:1px solid #4a90e24d;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.support-dialog-header{align-items:center;border-bottom:1px solid #4a90e233;display:flex;justify-content:space-between;padding:1.5rem}.support-dialog-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.support-dialog-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.support-dialog-close:hover{background:#fff3}.support-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.support-empty{align-items:center;color:#fff9;display:flex;font-size:.9375rem;height:100%;justify-content:center}.support-message{display:flex;flex-direction:column;gap:.25rem;max-width:80%}.support-message-user{align-self:flex-end}.support-message-support{align-self:flex-start}.support-message-content{word-wrap:break-word;border-radius:16px;font-size:.9375rem;line-height:1.5;padding:.75rem 1rem}.support-message-user .support-message-content{background:#4a90e24d;border:1px solid #4a90e266;border-bottom-right-radius:4px;color:#fff}.support-message-support .support-message-content{background:#ffffff1a;border:1px solid #fff3;border-bottom-left-radius:4px;color:#ffffffe6}.support-message-time{color:#ffffff80;font-size:.75rem;padding:0 .5rem}.support-message-user .support-message-time{text-align:right}.support-input-area{background:#0a0e2780;border-top:1px solid #4a90e233;display:flex;gap:.75rem;padding:1rem}.support-input{background:#1a1f3acc;border:1px solid #4a90e24d;border-radius:12px;color:#fff;flex:1 1;font-size:.9375rem;outline:none;padding:.875rem 1rem}.support-input:focus{border-color:#4a90e280}.support-input::placeholder{color:#ffffff80}.support-send-btn{background:#4a90e2;border:none;color:#fff;height:44px;width:44px}.support-send-btn:hover:not(:disabled){background:#357abd}.support-file-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.support-file-btn:hover{background:#ffffff26}.support-file-preview{border-radius:12px;margin-bottom:1rem;max-width:300px;overflow:hidden;position:relative}.support-file-preview-image{display:block;height:auto;width:100%}.support-file-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.support-file-remove:hover{background:#000000e6}.support-file-info{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.support-file-remove-small{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.support-file-remove-small:hover{opacity:.7}.support-message-media{border-radius:12px;margin-bottom:.5rem;overflow:hidden}.support-media-image,.support-media-video-element{border-radius:12px;display:block;max-height:300px;max-width:100%}.support-media-placeholder{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ffffffb3;font-size:.9rem;padding:.75rem 1rem;text-align:center}.support-send-btn{align-items:center;background:#4a90e24d;border:1px solid #4a90e266;border-radius:12px;color:#4a90e2;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:48px}.support-send-btn:hover:not(:disabled){background:#4a90e266;border-color:#4a90e299;transform:translateY(-2px)}.support-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.dashboard-mobile{padding:.75rem .75rem 2rem}.profile-section{padding:1.5rem 1.25rem}.profile-item-icon{height:40px;width:40px}.profile-item-value{font-size:1.25rem}.profile-items-row{gap:.75rem}.profile-item{padding:1rem}.install-vpn-btn,.renew-vpn-btn{font-size:1rem;padding:1.25rem}.install-vpn-btn span,.renew-vpn-btn span{font-size:1rem}.vpn-icon{height:36px;width:36px}.quick-actions-grid{gap:.5rem}.quick-action-btn{min-height:90px;padding:.875rem .25rem}.quick-action-btn span{font-size:.7rem}.action-icon{height:28px;width:28px}.topup-amounts{gap:.75rem}.topup-btn{font-size:1rem;padding:1.25rem .75rem}.balance-amount{font-size:1.75rem}}@media (min-width:768px){.dashboard-mobile{background:#1a1f3a;margin:0 auto;max-width:600px}.dashboard-mobile,body{height:100vh;min-height:100vh}body{background:#1a1f3a!important}html{height:100%}#root,.App{background:#1a1f3a;height:100vh;min-height:100vh}}.App{background:#fff;min-height:100vh}@media (min-width:768px){.App{background:#1a1f3a;height:100%;min-height:100vh}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1f3a}::-webkit-scrollbar-thumb{background:#4a90e2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#357abd}
/*# sourceMappingURL=main.47959a8d.css.map*/