@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,400;0,600;0,700&display=swap";*{scrollbar-width:none!important}::-webkit-scrollbar{display:none!important}.auth-container{-webkit-backdrop-filter:blur(18px);background:#14141e99;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;padding:30px 25px;display:flex;box-shadow:0 10px 30px #0009,inset 0 0 20px #ffffff08}.logo{margin-bottom:5px}.logo img{opacity:.95;width:40vw;max-width:180px}.auth_content{color:#fff;text-align:center;font-family:Noto Sans Display,sans-serif;font-size:20px;font-weight:600}.auth-email-input{color:#fff;box-sizing:border-box;text-align:center;letter-spacing:.3px;background:#0006;border:1px solid #fff3;border-radius:40px;outline:none;width:100%;padding:14px 18px;font-family:Inter,sans-serif;font-size:16px;transition:all .2s}.auth-email-input:focus{background:#0009;border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff33}.auth-email-input::placeholder{color:#ffffff80;font-weight:400}.auth-error{color:#f88;text-align:center;margin-top:12px;font-family:Inter,sans-serif;font-size:13px}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00d4ff,#229ed9);border:none;border-radius:40px;width:100%;margin-top:14px;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #00d4ff4d}.auth-button:active{transform:scale(.97)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-description{color:#fff9;text-align:center;margin-top:10px;font-family:Inter,sans-serif;font-size:13px;line-height:1.4}@media screen and (width<=480px){.auth-container{border-radius:20px;gap:14px;width:92%;max-width:310px;padding:22px 16px}.logo{margin-bottom:10px}.logo img{width:55vw;max-width:160px}.auth_content{font-size:18px}.auth-email-input{border-radius:30px;padding:12px 14px;font-size:15px}.auth-button{border-radius:30px;padding:12px;font-size:15px}.auth-description{padding:0 5px;font-size:12px;line-height:1.3}.auth-error{margin-top:8px;font-size:12px}}.auth-email-input{-webkit-appearance:none}.code-digits-container{justify-content:center;gap:12px;margin:20px 0 10px;display:flex}.code-digit{text-align:center;color:#fff;appearance:none;-moz-appearance:textfield;background:#0006;border:1px solid #fff3;border-radius:16px;width:48px;height:56px;font-family:monospace;font-size:24px;font-weight:600;transition:all .2s}.code-digit:focus{border-color:#00d4ff;outline:none;box-shadow:0 0 0 2px #00d4ff33}@media screen and (width<=480px){.code-digits-container{gap:9px;margin:16px 0 8px}.code-digit{border-radius:12px;width:18px;height:38px;font-size:20px}}@media screen and (width<=360px){.code-digits-container{gap:6px}.code-digit{width:34px;height:40px;font-size:18px}}.spinner-wrapper{z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.spinner-text{color:#00d4ff;margin-top:20px;font-family:Arial,sans-serif;font-size:18px;font-weight:500}.spinner{transform-origin:50%;width:50px;height:50px}body{background:linear-gradient(#1b1b1f 0%,#121216 100%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex;overflow:hidden auto}.page-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.logo img{width:110px;height:auto}.info-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141e80;border:1px solid #ffffff0f;border-radius:28px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:8px 16px 8px 12px;display:flex}.user_info_block{align-items:center;gap:14px;display:flex}.user-photo img{object-fit:cover;object-fit:cover;border:2px solid #00d4ff;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #00d4ff4d}.user-text{color:#fff;font-size:15px;font-weight:500}.extend-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#f5b042,#e68900);border:none;border-radius:40px;padding:8px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #f5b0424d}.extend-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.sub_date_block{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff0d;border-radius:28px;margin:8px 0 16px;padding:16px 12px}.sub_info_section{justify-content:center;align-items:center;height:50px;margin-top:10px;display:flex}.sub_info_content{flex-direction:column;align-items:center;display:flex}.sub-title-text{letter-spacing:.5px;color:#ffffffb3;font-size:13px;font-weight:500}.data-end-text{color:#e6c36a;text-shadow:0 0 8px #e6c36a4d;margin-top:4px;font-size:25px;font-weight:800}.custom-hr{background:linear-gradient(90deg,#1b1f38 3%,#02cbf5 54%,#1b1f38 98%);border:none;height:2px;margin:20px 0}.connections-displa-sectiony{margin:24px 0 16px}.section-title{text-align:center;color:#0000;letter-spacing:-.3px;background:linear-gradient(135deg,#fff,#00d4ff);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:22px;font-weight:700}.connections-block{justify-content:center;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.server-card-wrapper{width:100%;transition:transform .2s}.sected_server_card,.null-sected_server_card{color:#00d4ff;background:linear-gradient(#79148a 21%,#200524 86%);border:1px solid #00d4ff40;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:120px;display:flex}.sected_server_card:hover,.null-sected_server_card:hover{cursor:pointer;border-color:#7c5cff;transform:scale(1.02);box-shadow:0 3px 8px #00d4ff4d}.plus{font-size:120px;line-height:1}.add-text{color:#676666;margin-top:8px;font-size:14px}.null-sected_server_card{color:#1c1c1c;cursor:pointer;background:#111010;border:1px solid #00d4ff40;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:150px;padding:16px 18px;font-size:180px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.sected_server_card{color:#00d4ff;background:#18225e;border:1px solid #00d4ff40;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:150px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex}.server-emoji{margin-bottom:-10px;font-size:110px}.server-text{flex-direction:column;align-items:center;gap:2px;display:flex}.server-title{color:#fff;justify-content:center;align-items:center;gap:6px;font-family:Noto Sans Display,sans-serif;font-size:14px;font-weight:700;display:flex}.server-title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.copy svg{width:18px;height:18px;display:block}.server_protocol{color:#cfcfcf;font-size:8px}.recreate-protocol_button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10%;margin-right:10%;padding:4px 8px;display:inline-flex}.button_icon_recreate svg{width:14px;height:14px;display:block}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(-180deg)}}.recreate_button:hover .button_icon_recreate svg{animation:.7s forwards spinOnce}.recreate_button_text{color:#fff;white-space:nowrap;font-family:Noto Sans Display,sans-serif;font-size:14px;font-weight:500}.recreate_button{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 8px;transition:all .2s;display:flex}.recreate_button:hover{background:#ffffff14;transform:translateY(-1px)}.recreate_button:active{transform:scale(.97)}.recreate_button:hover svg{filter:drop-shadow(0 0 6px #ffffff4d)}.note-card{background:#2b2f36;border:1px solid #ffffff1f;border-radius:14px;width:fit-content;margin:24px auto 0;padding:14px 16px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 1px #ffffff0f,0 6px 16px #00000059}.note-icon{width:18px;height:18px;position:absolute;top:10px;left:10px}.note-card ol{color:#d6d7da;margin:0;padding-left:18px;font-family:Noto Sans Display,sans-serif;font-size:13px;line-height:1.6}.note-card li{align-items:center;gap:6px;display:flex}.note-card .link{color:#8ab4ff;cursor:pointer}.icon{background-repeat:no-repeat;background-size:contain;width:14px;height:14px;display:inline-block}.icon.copy{background-image:url(copy.svg)}.icon.power{background-image:url(power.svg)}.header_container{color:#fff;text-align:center;align-items:center;font-family:Noto Sans Display,sans-serif;font-size:20px;font-weight:700;line-height:1.6}.header_container svg{color:#fff;width:28px;height:28px;display:block}.switcher{background:#0f3f46;border-radius:20px;width:100%;max-width:400px;margin:0 auto;padding:4px;display:flex;position:relative;overflow:hidden}.slider{background:#248299;border-radius:16px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .3s;position:absolute;top:4px;left:4px}.option{cursor:pointer;z-index:1;color:#2ea6c3;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;font-size:18px;font-weight:500;transition:color .3s;display:flex}.option svg{flex-shrink:0;width:16px;height:16px}.option.active{color:#fff}.location-title{letter-spacing:-.2px;background:linear-gradient(135deg,#fff 30%,#00d4ff 80%);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin-top:25px;margin-bottom:20px;font-size:1.35rem;font-weight:700;position:relative}.confirm-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(95deg,#00d4ff,#229ed9);border:none;border-radius:40px;flex:1;padding:14px 20px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #00d4ff33}.confirm-btn:not(:disabled):hover{filter:brightness(1.02);transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.plans-list{background:0 0;border:none;border-radius:24px;flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.plan-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#1e1e2880;border:1px solid #ffffff0f;border-radius:20px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .25s cubic-bezier(.2,.9,.4,1.1);display:flex}.plan-item:last-child{border-bottom:none}.plan-item:hover{background:#2d2d3ab3;border-color:#00d4ff66;transform:translate(4px)}.plan-item.active{background:linear-gradient(105deg,#00d4ff1f,#229ed90d);border-left:4px solid #00d4ff;border-radius:20px 16px 16px 20px;transform:scale(1.01);box-shadow:0 6px 14px #00d4ff26}.method-chip.active{background:#3265ff38;border:1px solid #3265ff;transform:translateY(-2px);box-shadow:0 0 10px #3265ff59}.plan-name{color:#f0f0f0;letter-spacing:-.2px;font-size:1.1rem;font-weight:600}.plan-name:before{color:#98a9bc;vertical-align:middle;font-size:.7rem;display:inline-block}.plan-price{background:linear-gradient(135deg,#f5b042,#fd9);color:#0000;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.tariff-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121216d9;border:1px solid #00d4ff33;border-radius:32px;margin:20px auto;padding:24px 20px 28px;transition:transform .2s,box-shadow .2s;box-shadow:0 20px 35px -12px #00000080,inset 0 1px #ffffff0d}.card-inner{width:100%}.payment-section{margin-top:8px;padding-top:16px}.payment-title{color:#a0b3d9;align-items:center;gap:6px;margin-bottom:16px;font-size:.9rem;font-weight:600;display:flex}.payment-title:before{filter:none;font-size:1rem}.payment-methods{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.method-chip{color:#e0e0e0;cursor:pointer;background:#23232e;border:1px solid #ffffff1a;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.method-chip span{font-size:1.1rem}.method-chip:hover{background:#2e2e3e;border-color:#00d4ff;transform:translateY(-2px)}.method-chip.active{color:#fff;background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 8px #00d4ff4d}.back-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1e1e28b3;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:inline-flex}@media screen and (width<=600px){.tariff-card{box-sizing:border-box;border-radius:28px;width:calc(100% - 32px);max-width:480px;margin:16px auto;padding:20px 18px 26px}.location-title{margin-top:10px;margin-bottom:20px;font-size:1.6rem}.plan-item{border-radius:24px;padding:18px 20px}.plan-name{font-size:1.2rem}.plan-price{font-size:1.4rem}.payment-title{margin-bottom:14px;font-size:1rem}.payment-methods{gap:12px;margin-bottom:24px}.method-chip{gap:10px;padding:10px 20px;font-size:.9rem}.back-button{width:52px;height:52px}.back-button svg{width:28px;height:28px}.user_info_block{gap:16px;padding:12px 18px}.user-photo img{width:56px;height:56px}.user-text{font-size:1rem}}.bottom-bar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#14141e99;border:1px solid #ffffff0f;border-radius:999px;justify-content:space-around;align-items:center;min-width:300px;height:56px;padding:0 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000040}.bottom-item{color:#8b93a7;cursor:pointer;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;transition:all .2s;display:flex}.bottom-item:hover{color:#00d4ff;transform:translateY(-1px)}.bottom-item .icon{justify-content:center;align-items:center;width:42px;display:flex}.bottom-item .icon svg{width:20px;height:20px}.bottom-item svg{stroke:#999;transition:all .2s}.bottom-item.active svg{stroke:#fff}.bottom-item span{color:#999;margin-top:4px;font-size:12px}.bottom-item.active span{color:#007bff}.referral-grid{gap:2rem;padding:2rem;display:flex}.info-side{flex:2;min-width:240px}.qr-side{border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.stats-pill{background:#1e1e28;border-radius:40px;gap:2rem;width:fit-content;margin-bottom:1.8rem;padding:.7rem 1.5rem;display:flex}.stat-item{color:#e0e0e0;font-size:1rem;font-weight:500}.stat-number{color:#f5b042;margin-left:8px;font-size:1.8rem;font-weight:800;display:inline-block}.share-title{color:#fff;align-items:center;gap:10px;margin-bottom:14px;font-size:1.2rem;font-weight:600;display:flex}.share-title i{color:#f5b042;font-size:1.1rem}.link-group{flex-wrap:wrap;gap:12px;margin-bottom:1.5rem;display:flex}.ref-input{color:#f0f0f0;background:#0a0a0f;border:1px solid #2c2c3a;border-radius:60px;outline:none;flex:4;padding:12px 18px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:500;transition:all .2s}.ref-input:focus{background:#101018;border-color:#f5b042}.copy-button{color:#fff;cursor:pointer;background:#2c3e66;border:none;border-radius:60px;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.copy-button:hover{background:#1f2e4a}.copy-button:active{transform:scale(.97)}.gift-block{background:#f5b0421a;border-left:4px solid #f5b042;border-radius:16px;align-items:center;gap:14px;margin:1rem 0 1.8rem;padding:14px 18px;display:flex}.gift-icon{color:#f5b042;font-size:2rem}.gift-text{color:#e0e0e0;font-size:.95rem;font-weight:600;line-height:1.4}.gift-text strong{color:#f5b042}.social-label{color:#a0a0b0;align-items:center;gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:500;display:flex}.social-icons-row{flex-wrap:wrap;gap:16px;display:flex}.social-circle{color:#ccc;cursor:pointer;background:#1e1e2a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:inline-flex}.social-circle:hover{color:#13131a;background:#2e77b7;transform:translateY(-2px)}.qr-container{text-align:center;width:100%}#qrcode{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:fit-content;margin:0 auto;padding:12px;display:flex}#qrcode canvas,#qrcode img{width:140px;height:140px}.qr-caption{color:#a0a0b0;margin-top:12px;font-size:.7rem;font-weight:500}.toast-notify{color:#f5b042;z-index:1200;opacity:0;pointer-events:none;white-space:nowrap;background:#1f2937;border-radius:40px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:opacity .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@media (width<=700px){.referral-grid{flex-direction:column;gap:1.5rem;padding:1.5rem}.stats-pill{justify-content:space-between;width:100%}.link-group{flex-direction:column}.copy-button{justify-content:center}.qr-side{order:2}.toast-notify{white-space:normal;text-align:center;max-width:80%}}@media (width<=480px){.stat-number{font-size:1.5rem}.gift-text{font-size:.85rem}}.info-page{padding:0 16px}.guide-card{background:#1e1e2a;border:1px solid #00d4ff26;border-radius:20px;margin:12px 0 20px;padding:16px 20px;box-shadow:0 6px 14px #0003}.guide-list{color:#d6d7da;margin:0;padding-left:20px;font-family:Noto Sans Display,sans-serif;font-size:14px;line-height:1.6}.guide-list li{margin-bottom:10px}.guide-list code{color:#00d4ff;background:#2d2d3a;border-radius:8px;padding:2px 6px;font-family:monospace;font-size:12px}.note-tip{color:#a0f0e0;border-top:1px solid #ffffff1a;margin-top:16px;padding-top:12px;font-size:13px}.apps-grid{flex-wrap:wrap;gap:12px;margin:16px 0 20px;display:flex}.location-title svg{color:#fff;width:28px;height:28px;display:block}.app-card{text-align:center;cursor:pointer;background:#1e1e2a;border:1px solid #ffffff0d;border-radius:18px;flex:1;min-width:140px;padding:14px 12px;transition:all .2s}.app-card:hover{background:#2a2a38;border-color:#00d4ff;transform:translateY(-3px);box-shadow:0 8px 20px #00d4ff26}.app-icon{justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;display:flex}.app-icon svg{color:#00d4ff;width:100%;height:100%;display:block}.app-name{color:#fff;margin-bottom:6px;font-size:15px;font-weight:600}.app-desc{color:#9aa3b8;font-size:11px}.terms-block{text-align:center;margin:20px 0 30px}.terms-button{color:#00d4ff;cursor:pointer;background:#00d4ff1a;border:1px solid #00d4ff66;border-radius:40px;margin-bottom:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s}.terms-button:hover{background:#00d4ff33;transform:scale(1.02)}.terms-note{color:#8b93a7;margin-top:14px;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:#1a1a24;border:1px solid #00d4ff26;border-radius:28px;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.25s cubic-bezier(.2,.9,.4,1.1) modalFadeIn;display:flex;box-shadow:0 12px 28px #00000040}.modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.modal-header h3{color:#00d4ff;margin:0;font-size:1.1rem;font-weight:600}.modal-close{cursor:pointer;color:#aaa;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:all .2s;display:flex}.modal-close:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.modal-body{flex:1;padding:5px 8px;overflow-y:auto}.terms-pre{color:#e6e6f0;white-space:pre-wrap;word-wrap:break-word;text-align:left;background:#0e0e14;border:1px solid #ffffff0d;border-radius:18px;margin:0;padding:14px;font-family:Inter,Noto Sans,sans-serif;font-size:13px;line-height:1.45}.terms-content{color:#e6e6f0;text-align:left;background:#0e0e14;border:1px solid #ffffff0d;border-radius:18px;padding:14px;font-family:Inter,Noto Sans,sans-serif;font-size:13px;line-height:1.45}.terms-content h4{color:#00d4ff;margin:18px 0 8px;font-size:14px;font-weight:700}.terms-content p{margin:8px 0}.terms-content strong{color:#fa6;font-weight:700}.terms-content ul{margin:6px 0;padding-left:24px}.terms-content li{margin:4px 0}.terms-content a{color:#00d4ff;text-decoration:none}.terms-content a:hover{text-decoration:underline}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-track{background:#2a2a36;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#5a5a70;border-radius:3px}.global-logout-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f88;cursor:pointer;z-index:1100;background:#1e1e28cc;border:1px solid #ff505066;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 4px 12px #0000004d}.global-logout-button:hover{background:#ff50504d;border-color:#f55;transform:scale(1.05)}.global-logout-button svg{stroke:#f88}.global-logout-button:hover svg{stroke:#fff}.info-section,.sub_date_block,.connections-displa-sectiony{padding:0 12px!important}body{box-sizing:border-box;padding:20px 16px 100px}.header_container{text-align:center;background:linear-gradient(135deg,#fff,#00d4ff);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:26px;font-weight:800}.custom-hr{opacity:.6;background:linear-gradient(90deg,#0000,#00d4ff,#229ed9,#00d4ff,#0000);border:none;height:1px;margin:16px 0 20px}.switcher{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141e99;border:1px solid #ffffff14;border-radius:60px;margin:10px 0 20px;padding:6px;display:flex;position:relative}.slider{z-index:0;background:linear-gradient(120deg,#00d4ff,#229ed9);border-radius:60px;width:calc(50% - 6px);height:calc(100% - 12px);transition:transform .35s cubic-bezier(.2,.9,.4,1.1);position:absolute;top:6px;left:6px;box-shadow:0 2px 8px #00d4ff4d}.slider.right{transform:translate(100%)}.option{cursor:pointer;z-index:1;color:#fff9;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:color .2s;display:flex}.option svg{width:18px;height:18px}.option.active{color:#fff;text-shadow:0 0 6px #00d4ff80}.location-title{color:#fff;justify-content:center;align-items:center;gap:8px;margin:16px 0 12px;font-size:20px;font-weight:700;display:flex}.servers-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c1299;border:1px solid #ffffff0f;border-radius:28px;margin:8px 0 20px;overflow:hidden}.servers-list{flex-direction:column;gap:8px;max-height:420px;padding:12px;display:flex;overflow-y:auto}.servers-list::-webkit-scrollbar{width:4px}.servers-list::-webkit-scrollbar-track{background:#2a2a36;border-radius:4px}.servers-list::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:4px}.server-card{cursor:pointer;border:1px solid #ffffff0d;border-radius:24px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .25s;display:flex;background:#191923b3!important}.server-card:hover{border-color:#00d4ff4d;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;background:#232330e6!important}.server-card.active{border-left:4px solid #00d4ff;box-shadow:0 4px 12px #00d4ff1a;background:linear-gradient(105deg,#00d4ff1a,#229ed905)!important}.server-card>div:first-child{color:#f0f0f0;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.server-info{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.server-online{color:#a0f0a0;background:#0000004d;border-radius:40px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:500;display:flex}.server-limit{color:#b8c7ff;background:#0000004d;border-radius:40px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.server-limit svg{width:14px;height:14px}.btn-line button:first-child{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1e1e28b3;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex}.btn-line button:first-child:hover{background:#00d4ff33;border-color:#00d4ff;transform:scale(1.02)}.btn-line button:first-child:active{transform:scale(.96)}.btn-line button:first-child svg{stroke:#fff;stroke-width:1.5px;width:28px;height:28px}.confirm-btn{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:60px;flex:1;padding:16px 20px;font-size:18px;font-weight:800;transition:all .2s;box-shadow:0 6px 14px #00d4ff40;background:linear-gradient(95deg,#00d4ff,#229ed9)!important}.confirm-btn:hover:not(:disabled){filter:brightness(1.01);transform:translateY(-1px);box-shadow:0 12px 24px #00d4ff66}.confirm-btn:active:not(:disabled){transform:scale(.98)}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#555!important}@media screen and (width<=560px){html,body{height:100%;margin:0;padding:0}body{box-sizing:border-box;flex-direction:column;height:100dvh;display:flex;overflow:hidden;padding:12px 12px 16px!important}body>div:first-child{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.header_container{flex-shrink:0;margin-top:0;font-size:24px}.custom-hr{flex-shrink:0;margin:8px 0}.switcher{flex-shrink:0;margin:8px 0 12px}.location-title{flex-shrink:0;margin:8px 0 4px}.servers-section{border-radius:24px;flex-direction:column;flex:1;min-height:0;margin:4px 0 12px;display:flex;overflow:hidden}.servers-list{flex:1;max-height:none;padding:8px;overflow-y:auto}.btn-line{flex-shrink:0;margin-top:8px;padding-bottom:0}.server-card{flex-direction:row;align-items:flex-start;gap:6px;padding:8px 12px;display:flex}.server_name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-card>div:first-child{font-size:16px;font-weight:700}.server-online{grid-row:2;justify-self:flex-end;margin-bottom:2px}.server-info{flex-direction:column;align-items:flex-end;gap:4px;width:100%;display:flex}.server-online,.server-limit{background:#0000004d;border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.server-online:empty{display:none}.server-online svg,.server-limit svg{width:12px;height:12px}.btn-line button:first-child{width:48px;height:48px}.confirm-btn{padding:14px 16px;font-size:16px}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.server-card{animation:.3s backwards fadeSlideUp}.server-card:first-child{animation-delay:50ms}.server-card:nth-child(2){animation-delay:.1s}.server-card:nth-child(3){animation-delay:.15s}