*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a14;--bg2:#0f0f1e;--card:#13131f;--border:#1e1e30;--border2:#2d2d45;--text:#e2e8f0;--muted:#94a3b8;--dim:#64748b;--accent:#6366f1;--accent2:#8b5cf6;--green:#22c55e;--red:#ff5c5c;--orange:#ff9500}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a14f0;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.nav-logo{cursor:pointer;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:10px;display:flex}.btn{border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff}.btn-ghost{background:var(--card);color:var(--text);border:1px solid var(--border2)}.btn-outline{color:#a5b4fc;border:1px solid var(--accent);background:0 0}.btn-danger{color:var(--red);background:#2a1414;border:1px solid #ff5c5c44}.btn-lg{border-radius:10px;padding:14px 28px;font-size:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.field{margin-bottom:16px}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.field input{background:var(--bg2);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:9px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .15s}.field input::placeholder{color:var(--dim)}.form-err{color:var(--red);min-height:18px;margin-top:4px;font-size:.85rem}.badge{border-radius:20px;padding:2px 9px;font-size:.72rem;font-weight:700;display:inline-block}.badge-green{color:var(--green);background:#0f2a1a;border:1px solid #065f46}.badge-red{color:var(--red);background:#2a1414}.badge-purple{color:#a5b4fc;border:1px solid var(--accent);background:#1a1a35}.badge-orange{color:var(--orange);background:#2a1a0a}.divider{color:var(--dim);align-items:center;gap:12px;margin:20px 0;font-size:.82rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.page{max-width:1100px;margin:0 auto;padding:0 20px}.page-sm{max-width:460px;margin:0 auto;padding:0 20px}.page-md{max-width:720px;margin:0 auto;padding:0 20px}@media (width<=600px){.nav{padding:14px 16px}.nav .btn-outline{display:none}}.hero{text-align:center;background:radial-gradient(ellipse at 50% 0%, #1a1a35 0%, var(--bg) 70%);padding:90px 20px 70px}.hero-badge{border:1px solid var(--accent);color:#a5b4fc;letter-spacing:.05em;background:#1e1e35;border-radius:20px;margin-bottom:22px;padding:5px 14px;font-size:.78rem;display:inline-block}.hero h1{background:linear-gradient(135deg,#c7d2fe 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.15}.hero p{color:var(--muted);max-width:500px;margin:0 auto 36px;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.server-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg2);flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 20px;display:flex}.server-chip{background:var(--card);border:1px solid var(--border);border-radius:30px;align-items:center;gap:7px;padding:7px 14px;font-size:.82rem;display:flex}.server-chip-name{font-weight:600}.server-chip-dot{font-size:.75rem}.server-chip-dot.up{color:var(--green)}.server-chip-dot.down{color:var(--red)}.currency-row{justify-content:center;align-items:center;gap:10px;margin-bottom:36px;display:flex}.currency-label{color:var(--muted);font-size:.88rem}.currency-select{background:var(--card);border:1px solid var(--border2);color:var(--text);cursor:pointer;border-radius:8px;outline:none;padding:8px 14px;font-size:.88rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px;display:grid}.plan-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px 28px;transition:transform .2s,border-color .2s;position:relative}.plan-card:hover{transform:translateY(-4px)}.plan-popular{border-color:var(--accent)}.plan-popular-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;white-space:nowrap;border-radius:20px;padding:4px 16px;font-size:.73rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.78rem;font-weight:700}.plan-price{align-items:baseline;gap:2px;margin-bottom:6px;display:flex}.plan-sym{align-self:flex-start;margin-top:6px;font-size:1.4rem;font-weight:700}.plan-amt{font-size:3rem;font-weight:800;line-height:1}.plan-period{color:var(--dim);margin-left:2px;font-size:.9rem}.plan-note{color:var(--dim);margin-bottom:24px;font-size:.82rem}.plan-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.plan-features li{color:#cbd5e1;align-items:center;gap:10px;font-size:.9rem;display:flex}.plan-features li:before{content:"✓";color:var(--green);flex-shrink:0;font-weight:700}.trial-note{text-align:center;color:var(--muted);margin-top:8px;font-size:.88rem}.trial-note strong{color:var(--text)}.features-section{background:var(--bg2)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feature-card{padding:28px 24px}.feature-icon{margin-bottom:14px;font-size:1.8rem}.feature-title{margin-bottom:8px;font-size:1rem;font-weight:600}.feature-desc{color:var(--muted);font-size:.88rem;line-height:1.6}.faq-list{margin-top:32px}.faq-item{border-bottom:1px solid var(--border);padding:22px 0}.faq-q{margin-bottom:8px;font-weight:600}.faq-a{color:var(--muted);font-size:.9rem;line-height:1.7}.site-footer{text-align:center;border-top:1px solid var(--border);color:var(--dim);padding:28px 20px;font-size:.85rem}.site-footer a{color:var(--dim)}.site-footer a:hover{color:var(--text)}.auth-wrap{background:radial-gradient(ellipse at 50% 0%, #1a1a35 0%, var(--bg) 65%);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:flex}.auth-card{width:100%;max-width:440px;padding:36px 36px 28px}.auth-tabs{border-bottom:2px solid var(--border);gap:0;margin-bottom:28px;display:flex}.auth-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.95rem;font-weight:600;transition:color .2s;position:relative}.auth-tab.active{color:var(--text)}.auth-tab.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-2px;left:0;right:0}.auth-title{margin-bottom:8px;font-size:1.4rem;font-weight:700}.auth-sub{color:var(--muted);margin-bottom:20px;font-size:.9rem;line-height:1.6}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--muted);font-size:.85rem;font-weight:500}.field input{background:var(--bg2);border:1px solid var(--border2);color:var(--text);border-radius:10px;outline:none;padding:11px 14px;font-size:.95rem;transition:border-color .2s}.field input:focus{border-color:var(--accent)}.form-err{color:var(--red);min-height:18px;margin-bottom:6px;font-size:.84rem}.btn-full{width:100%}.btn-lg{padding:13px 20px;font-size:1rem}.forgot-link,.resend-link{text-align:center;color:var(--dim);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:.85rem;transition:color .15s;display:block}.forgot-link:hover,.resend-link:hover{color:var(--text)}.auth-switch{text-align:center;color:var(--dim);border-top:1px solid var(--border);margin-top:20px;padding-top:18px;font-size:.85rem}.auth-switch button{color:var(--accent-light);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.auth-switch button:hover{text-decoration:underline}.auth-trial-note{color:#4ade80;background:#0d2218;border:1px solid #1e5c38;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:.85rem}.back-link{color:var(--dim);cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:0;font-size:.85rem;display:block}.back-link:hover{color:var(--text)}.dash-wrap{max-width:820px;padding:48px 20px 80px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:36px;display:flex}.dash-title{margin-bottom:4px;font-size:1.8rem;font-weight:800}.dash-user{color:var(--muted);font-size:.9rem}.dash-loading{color:var(--muted);text-align:center;padding:60px 0;font-size:.95rem}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.dash-sub-card{padding:28px 24px}.dash-sub-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.dash-sub-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px;font-size:.78rem}.dash-sub-name{font-size:1.25rem;font-weight:700}.dash-sub-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.dash-sub-expires{color:var(--muted);margin-bottom:12px;font-size:.85rem}.expiry-warn{color:#f59e0b;font-weight:600}.expiry-date{color:var(--dim);margin-left:4px}.dash-sub-expired p,.dash-trial-upsell p{color:var(--muted);font-size:.9rem;line-height:1.6}.dash-download-card{padding:28px 24px}.dash-dl-title{margin-bottom:8px;font-size:1rem;font-weight:700}.dash-dl-sub{color:var(--muted);margin-bottom:18px;font-size:.88rem;line-height:1.6}.dash-dl-btns{flex-direction:column;gap:10px;display:flex}.dash-dl-note{color:var(--dim);margin-top:14px;font-size:.8rem}.dash-dl-note a{color:var(--dim)}.dash-dl-note a:hover{color:var(--text)}.dash-servers-title{margin-bottom:18px;font-size:.95rem;font-weight:700}.dash-servers-grid{flex-direction:column;gap:4px;display:flex}.dash-server-row{background:var(--bg2);border-radius:10px;align-items:center;gap:14px;padding:12px 16px;display:flex}.dash-server-flag{font-size:1.3rem}.dash-server-info{flex:1}.dash-server-name{font-size:.9rem;font-weight:600}.dash-server-city{color:var(--dim);font-size:.78rem}.dash-server-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.dash-server-badge.online{color:#4ade80;background:#0d2218;border:1px solid #1e5c38}.dash-server-badge.offline{color:#f87171;background:#2a1010;border:1px solid #7f1d1d}.dash-account-rows{flex-direction:column;gap:2px;display:flex}.dash-account-row{background:var(--bg2);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;display:flex}.dash-account-row span{color:var(--muted)}.dash-account-row a{color:var(--dim)}.dash-account-row a:hover{color:var(--text)}.success-wrap{background:radial-gradient(ellipse at 50% 0%, #0d2218 0%, var(--bg) 65%);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:40px 20px;display:flex}.success-card{text-align:center;width:100%;max-width:520px;padding:48px 40px 36px}.success-spinner{border:3px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin:0 auto 20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-loading-txt{color:var(--muted);font-size:.95rem}.success-icon{margin-bottom:16px;font-size:3.5rem}.success-title{margin-bottom:12px;font-size:2rem;font-weight:800}.success-sub{color:var(--muted);margin-bottom:32px;font-size:.95rem;line-height:1.7}.success-sub strong{color:var(--text)}.success-steps{text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:18px;margin-bottom:32px;padding:24px;display:flex}.success-step{align-items:flex-start;gap:16px;display:flex}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.78rem;font-weight:800;display:flex}.step-title{margin-bottom:2px;font-size:.92rem;font-weight:600}.step-desc{color:var(--muted);font-size:.83rem;line-height:1.5}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.success-dash-btn{width:100%;margin-bottom:20px}.success-note{color:var(--dim);font-size:.83rem}.success-note a{color:var(--dim)}.success-note a:hover{color:var(--text)}