*{box-sizing:border-box;margin:0;padding:0}:root{--brand-bg:#000;--brand-bg-raise:#07070d;--brand-surface:#121220;--brand-surface-hi:#1c1c30;--brand-border:#2a2a40;--brand-border-hi:#3f3f5e;--neon-pink:#ff3e8a;--neon-purple:#a45eff;--neon-cyan:#00e5ff;--neon-orange:#ff9a3c;--neon-lime:#7dff7d;--accent:#ff3e8a;--accent-2:#a45eff;--accent-3:#00e5ff;--brand-gradient:linear-gradient(135deg, #ff3e8a 0%, #a45eff 55%, #00e5ff 100%);--brand-gradient-soft:linear-gradient(135deg, #ff3e8a26 0%, #a45eff26 55%, #00e5ff26 100%);--brand-gradient-text:linear-gradient(90deg, #ff3e8a 0%, #a45eff 50%, #00e5ff 100%);--glow-pink:0 0 32px #ff3e8a59;--glow-cyan:0 0 32px #00e5ff59;--glow-soft:0 0 40px #a45eff40;--text:#f4f4fa;--text-secondary:#b8b8c8;--text-muted:#7a7a90;--success:#4ade80;--warning:#ffb84f;--danger:#ff5266}body{background:var(--brand-bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.brand-text{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.brand-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 20px #a45eff4d}.brand-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 28px #a45eff80}.brand-btn:disabled{opacity:.5;cursor:not-allowed}.brand-btn.ghost{border:1px solid var(--brand-border-hi);color:var(--text);box-shadow:none;background:0 0}.brand-btn.ghost:hover:not(:disabled){border-color:var(--accent-2);color:#fff;box-shadow:var(--glow-soft);background:#a45eff1a}.brand-bubble{color:#000;letter-spacing:.5px;text-transform:uppercase;background:#fff;border-radius:100px;padding:10px 22px;font-size:18px;font-weight:800;display:inline-block;box-shadow:0 10px 40px #ff3e8a33}.brand-hero{aspect-ratio:16/7;background:#000;border-radius:20px;margin-bottom:20px;position:relative;overflow:hidden}.brand-hero img{object-fit:cover;width:100%;height:100%;display:block}.brand-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#000000d9 100%);position:absolute;inset:0}.brand-hero-content{z-index:1;position:absolute;bottom:20px;left:20px;right:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--brand-border-hi);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}.layout{background:var(--brand-bg);min-height:100vh;color:var(--text);display:flex;position:relative}.layout:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 10%,#ff3e8a14,#0000 45%),radial-gradient(circle at 85% 85%,#00e5ff0f,#0000 45%),radial-gradient(circle,#a45eff0d,#0000 55%);position:fixed;inset:0}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--brand-border);z-index:10;background:#0a0a12d9;flex-direction:column;width:240px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;display:flex}.logo-icon{filter:drop-shadow(0 0 8px #ff3e8a80);font-size:28px}.logo-text{letter-spacing:-.02em;font-size:20px;font-weight:800}.accent{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{flex-direction:column;flex:1;gap:4px;display:flex}.nav-link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-link:hover{color:var(--text);background:#a45eff14}.nav-link.active{background:var(--brand-gradient-soft);color:#fff;box-shadow:inset 0 0 0 1px #a45eff4d}.nav-link.active:before{content:"";background:var(--brand-gradient);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.nav-icon{text-align:center;width:22px;font-size:18px}.admin-link{border-top:1px solid var(--brand-border);margin-top:8px;padding-top:16px!important}.logout-btn{border:1px solid var(--brand-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .15s}.logout-btn:hover{color:var(--danger);border-color:var(--danger);background:#ff526614}.content{z-index:1;flex:1;width:100%;max-width:900px;margin-left:240px;padding:32px;position:relative}.mobile-header,.mobile-drawer,.drawer-backdrop{display:none}@media (width<=768px){.sidebar{display:none}.mobile-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--brand-border);z-index:50;background:#000000d9;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-header .logo{margin:0;padding:0}.mobile-header .logo-icon{font-size:22px}.mobile-header .logo-text{font-size:16px}.burger-btn{border:1px solid var(--brand-border-hi);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:flex}.burger-btn:hover,.burger-btn[aria-expanded=true]{border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px #ff3e8a4d}.drawer-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:90;background:#000000b3;transition:opacity .2s;display:block;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{border-left:1px solid var(--brand-border-hi);z-index:100;background:#0a0a14;flex-direction:column;gap:16px;width:82%;max-width:320px;padding:72px 16px 24px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer .nav-link{padding:14px 16px;font-size:15px}.mobile-drawer .nav-icon{font-size:20px}.content{max-width:100%;margin-left:0;padding:72px 16px 32px}}.page-title{color:#fff;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:800}.page-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px}.dashboard h2{color:#fff;letter-spacing:-.01em;margin:28px 0 14px;font-size:18px;font-weight:700}.loading{color:var(--text-muted);text-align:center;padding:60px}.hero-banner{border:1px solid var(--brand-border);background:#000;border-radius:20px;margin-bottom:24px;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;aspect-ratio:16/7;width:100%;height:100%;display:block}.hero-banner-overlay{background:linear-gradient(#00000026 0%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.hero-bubble{color:#000;letter-spacing:.5px;text-transform:uppercase;background:#fff;border-radius:100px;align-self:flex-start;padding:8px 18px;font-size:14px;font-weight:800;display:inline-block}.sub-list{flex-direction:column;gap:16px;display:flex}.sub-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:18px;padding:0;transition:all .2s;position:relative;overflow:hidden}.sub-card:before{content:"";background:var(--brand-gradient);opacity:0;pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sub-card:hover:before{opacity:.6}.sub-card.sub-expired{border-color:#ff52664d}.sub-header{border-bottom:1px solid var(--brand-border);flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;display:flex}.sub-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot-active{background:var(--success);animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 12px #4ade80cc}@keyframes pulse-green{0%,to{box-shadow:0 0 6px #4ade8080}50%{box-shadow:0 0 16px #4ade80,0 0 28px #4ade8066}}.dot-expired{background:var(--danger);box-shadow:0 0 10px #ff526680}.dot-frozen{background:var(--accent-3);box-shadow:0 0 10px #00e5ff80}.sub-name{color:#fff;word-break:break-all;min-width:0;font-size:15px;font-weight:700}.sub-header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.sub-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:700}.badge-active{color:var(--success);background:#4ade801f;border:1px solid #4ade804d}.badge-expired{color:var(--danger);background:#ff52661f;border:1px solid #ff52664d}.badge-frozen{color:var(--accent-3);background:#00e5ff1f;border:1px solid #00e5ff4d}.sub-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:16px 20px;display:grid}.sub-stat-card{border:1px solid var(--brand-border);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.sub-stat-icon{flex-shrink:0;font-size:22px}.sub-stat-info{flex-direction:column;gap:2px;display:flex}.sub-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sub-stat-value{color:var(--text);font-size:14px;font-weight:600}.sub-connect{flex-direction:column;gap:12px;padding:16px 20px 20px;display:flex}.sub-connect-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.sub-connect-buttons{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.connect-btn{border:1px solid var(--brand-border-hi);color:var(--text);cursor:pointer;background:#a45eff14;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.connect-btn:hover{border-color:var(--accent-2);color:#fff;background:#a45eff2e;transform:translateY(-1px);box-shadow:0 0 20px #a45eff59}.connect-btn.primary{background:var(--brand-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 20px #a45eff4d}.connect-btn.primary:hover{filter:brightness(1.1);box-shadow:0 6px 28px #a45eff80}.connect-btn-icon{font-size:18px}.sub-url-details{background:var(--brand-bg-raise);border:1px solid var(--brand-border);border-radius:12px;margin-top:8px;overflow:hidden}.sub-url-summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;list-style:none;display:flex}.sub-url-summary::-webkit-details-marker{display:none}.sub-url-summary:after{content:"▾";color:var(--text-muted);transition:transform .15s}.sub-url-details[open] .sub-url-summary:after{transform:rotate(180deg)}.sub-url-summary:hover{color:var(--text)}.sub-url-body{flex-direction:column;gap:8px;padding:0 16px 14px;display:flex}.sub-url-hint{color:var(--text-muted);font-size:12px;line-height:1.5}.sub-url-row{border:1px solid var(--brand-border);background:#000;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.sub-url-code{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:10px 14px;font-family:SF Mono,Menlo,monospace;font-size:12px;overflow:hidden}.sub-url-copy{border:none;border-left:1px solid var(--brand-border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s}.sub-url-copy:hover{color:var(--accent-2);background:#a45eff1a}.sub-footer{border-top:1px solid var(--brand-border);cursor:pointer;color:var(--text-muted);justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;transition:all .15s;display:flex}.sub-footer:hover{color:var(--accent-2);background:#a45eff0a}.sub-footer-arrow{font-size:16px;transition:transform .15s}.sub-footer:hover .sub-footer-arrow{transform:translate(4px)}.dash-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn-action{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 20px #a45eff4d}.btn-action:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 28px #a45eff80}.btn-action.secondary{border:1px solid var(--brand-border-hi);color:var(--text);box-shadow:none;background:0 0}.btn-action.secondary:hover{border-color:var(--accent-2);background:#a45eff14;box-shadow:0 0 20px #a45eff40}.balance-chip{color:var(--accent-3);background:#00e5ff26;border:1px solid #00e5ff40;border-radius:6px;padding:3px 10px;font-size:13px}.empty-state{text-align:center;background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--text-secondary);border-radius:18px;padding:32px 24px;position:relative;overflow:hidden}.empty-state-hero{aspect-ratio:16/6;background:#000;margin:-32px -24px 20px;position:relative;overflow:hidden}.empty-state-hero img{object-fit:cover;width:100%;height:100%;display:block}.empty-state-hero:after{content:"";background:linear-gradient(180deg, transparent 40%, var(--brand-surface) 100%);position:absolute;inset:0}.empty-state-title{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:800}.empty-state-text{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.btn-primary{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px 20px #a45eff4d}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 28px #a45eff80}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:18px;margin-top:16px;padding:20px}.onboarding-title{color:#fff;align-items:center;gap:8px;margin-bottom:14px;font-size:17px;font-weight:800;display:flex}.onboarding-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.onboard-step{background:var(--brand-bg-raise);border:1px solid var(--brand-border);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.onboard-step-num{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:flex;box-shadow:0 0 12px #a45eff66}.onboard-step-body{flex:1;min-width:0}.onboard-step-title{color:#fff;margin-bottom:2px;font-size:14px;font-weight:700}.onboard-step-desc{color:var(--text-secondary);font-size:13px;line-height:1.45}.key-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;padding:20px}.keys-grid{gap:12px;display:grid}.key-status{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500}.status-active{color:var(--success);background:#4ade8026}.status-expired{color:var(--danger);background:#ff526626}.status-frozen{color:var(--accent-3);background:#00e5ff26}.btn-small{border:1px solid var(--brand-border-hi);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.btn-small:hover{border-color:var(--accent-2);background:#a45eff14}.btn-renew{border-color:var(--accent);color:var(--accent);background:#ff3e8a0f}.btn-renew:hover{background:var(--brand-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 18px #a45eff66}.balance-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;align-items:center;gap:16px;padding:14px 20px;display:flex}.balance-label{color:var(--text-muted);font-size:13px}.balance-value{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.balance-btn{border:1px solid var(--accent-3);color:var(--accent-3);cursor:pointer;background:0 0;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.balance-btn:hover{background:var(--accent-3);color:#000;box-shadow:0 0 18px #00e5ff66}@media (width<=768px){.page-title{font-size:22px}.sub-stats{grid-template-columns:1fr;padding:12px 16px}.sub-header{padding:14px 16px}.sub-name{font-size:14px}.sub-badge{padding:4px 10px;font-size:10px}.sub-connect{padding:14px 16px 18px}.sub-connect-buttons{grid-template-columns:repeat(2,1fr)}.sub-url-summary,.sub-url-body{padding-left:14px;padding-right:14px}.sub-footer{padding:14px 16px}.dash-actions{flex-direction:column}.btn-action{width:100%}.balance-card{flex-wrap:wrap;gap:10px}.hero-banner img{aspect-ratio:16/9}.onboard-step{padding:12px}}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0;display:grid}.stat-card{background:#111118;border:1px solid #1e1e2e;border-radius:12px;padding:20px}.stat-card.accent{border-color:#4f8cff4d}.stat-card.success{border-color:#4ade804d}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px}.stat-value{color:#fff;font-size:28px;font-weight:700}.stat-card.accent .stat-value{color:#4f8cff}.stat-card.success .stat-value{color:#4ade80}.admin-nav-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:16px;display:grid}.admin-nav-card{color:#ccc;background:#111118;border:1px solid #1e1e2e;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.admin-nav-card:hover{color:#fff;background:#1a1a28;border-color:#4f8cff}.admin-nav-icon{font-size:28px}.admin-table{border-collapse:collapse;width:100%;margin-top:16px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #1e1e2e;padding:10px 12px;font-size:13px}.admin-table th{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.admin-table td{color:#ccc}.admin-table tr:hover td{background:#111118}.admin-table a{color:#4f8cff;text-decoration:none}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color .15s}.sortable-th:hover{color:#4f8cff}.admin-search{color:#e0e0e0;box-sizing:border-box;background:#0d0d14;border:1px solid #2a2a3e;border-radius:8px;outline:none;width:100%;margin:16px 0;padding:10px 14px;font-size:14px}.admin-search:focus{border-color:#4f8cff}.pagination{justify-content:center;gap:8px;margin-top:16px;display:flex}.pagination button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #2a2a3e;border-radius:6px;padding:6px 14px;font-size:13px}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination button.active{color:#fff;background:#4f8cff;border-color:#4f8cff}@media (width<=768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-value{font-size:22px}.admin-nav-grid{grid-template-columns:repeat(2,1fr);gap:8px}.admin-nav-card{padding:16px 10px;font-size:13px}.admin-nav-icon{font-size:24px}.stat-card,.admin-nav-card{background:#1e1e2e;border-color:#2f2f48}.admin-table{white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.admin-table th,.admin-table td{border-bottom-color:#2a2a40;padding:8px 10px;font-size:12px}.pagination button{padding:6px 10px;font-size:12px}}.instructions-page h1{margin-bottom:4px}.instructions-intro{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.6}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.topic-card{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--text);cursor:pointer;text-align:left;border-radius:14px;align-items:flex-start;gap:14px;width:100%;padding:18px;transition:all .15s;display:flex}.topic-card:hover{border-color:var(--accent-2);background:var(--brand-surface-hi);transform:translateY(-1px);box-shadow:0 8px 28px #a45eff33}.topic-icon{background:var(--brand-gradient-soft);border:1px solid var(--brand-border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.topic-body{flex:1;min-width:0}.topic-title{color:#fff;margin-bottom:3px;font-size:15px;font-weight:700}.topic-desc{color:var(--text-muted);font-size:13px;line-height:1.4}.topic-arrow{color:var(--accent-2);align-self:center;margin-left:6px;font-size:20px}.platform-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.platform-tab{border:1px solid var(--brand-border-hi);background:var(--brand-surface);color:var(--text-secondary);cursor:pointer;border-radius:100px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.platform-tab:hover{color:var(--text);border-color:var(--accent-2)}.platform-tab.active{background:var(--brand-gradient);color:#fff;border-color:#0000;box-shadow:0 4px 16px #a45eff59}.platform-icon{font-size:18px}.step-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;gap:14px;margin-bottom:10px;padding:18px;display:flex}.step-num{background:var(--brand-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex;box-shadow:0 0 14px #a45eff66}.step-body{flex:1;min-width:0}.step-title{color:#fff;margin-bottom:6px;font-size:15px;font-weight:700}.step-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.step-text b{color:#fff}.step-text a{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;text-decoration:none}.step-extras{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.step-extras a{-webkit-text-fill-color:initial;background:0 0;color:#fff!important}.note{border:1px solid var(--brand-border);border-radius:14px;align-items:flex-start;gap:12px;margin:16px 0;padding:16px 18px;display:flex}.note-icon{flex-shrink:0;margin-top:1px;font-size:22px}.note-body{color:var(--text);flex:1;font-size:14px;line-height:1.6}.note-body b{color:#fff}.note.tip{background:#00e5ff0f;border-color:#00e5ff40}.note.warn{background:#ffb84f0f;border-color:#ffb84f4d}.note.info{background:#a45eff0f;border-color:#a45eff40}@media (width<=768px){.platform-tabs{gap:6px}.platform-tab{padding:8px 14px;font-size:13px}.topic-card,.step-card{padding:14px}}.auth-page{background:var(--brand-bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#ff3e8a24,#0000 40%),radial-gradient(circle at 80% 80%,#00e5ff1a,#0000 40%),radial-gradient(circle at 50% 60%,#a45eff1a,#0000 55%);position:fixed;inset:0}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--brand-border);z-index:1;background:#0c0c18d9;border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:36px 28px;display:flex;position:relative;box-shadow:0 20px 60px #a45eff26}.auth-logo{text-align:center;filter:drop-shadow(0 0 20px #ff3e8a80);margin-bottom:4px;font-size:56px}.auth-card h1{text-align:center;color:#fff;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.auth-subtitle{text-align:center;color:var(--text-muted);margin:0 0 6px;font-size:14px}.auth-error{color:var(--danger);background:#ff526614;border:1px solid #ff52664d;border-radius:10px;padding:10px 14px;font-size:13px}.auth-card input{border:1px solid var(--brand-border-hi);color:var(--text);background:#00000080;border-radius:12px;outline:none;padding:13px 16px;font-size:15px;transition:all .2s}.auth-card input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #a45eff26}.auth-card button{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:700;transition:all .15s;box-shadow:0 4px 20px #a45eff4d}.auth-card button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 28px #a45eff80}.auth-card button:disabled{opacity:.5;cursor:not-allowed}.auth-link{text-align:center;color:var(--text-muted);margin:0;font-size:13px}.auth-link a{background:var(--brand-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;text-decoration:none}.servers-page .updated-at{color:var(--text-muted);margin-bottom:20px;font-size:12px}.server-group-title{color:#fff;letter-spacing:-.01em;align-items:center;gap:10px;margin:28px 0 4px;font-size:17px;font-weight:800;display:flex}.server-group-title .group-badge{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700}.server-group-desc{color:var(--text-muted);margin-bottom:14px;font-size:13px;line-height:1.5}.server-list{gap:10px;display:grid}.server-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:14px 18px;transition:border-color .15s;display:grid}.server-card:hover{border-color:var(--brand-border-hi)}.server-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.server-icon.permanent{background:linear-gradient(135deg,#ffb84f2e,#ff9a3c1f);border:1px solid #ffb84f4d}.server-icon.whitelist{background:#4ade801f;border:1px solid #4ade804d}.server-icon.blacklist{background:#a45eff1f;border:1px solid #a45eff4d}.server-body{min-width:0}.server-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.server-meta{color:var(--text-muted);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.server-meta span{align-items:center;gap:4px;display:inline-flex}.server-ping{text-align:right;min-width:72px;font-family:SF Mono,Menlo,monospace;font-size:14px;font-weight:700}.ping-fast{color:var(--success)}.ping-ok{color:var(--accent-3)}.ping-slow{color:var(--warning)}.ping-dead{color:var(--text-muted)}.server-load{min-width:90px}.server-load-bar{background:#1a1a28;border-radius:100px;width:100%;height:5px;margin-top:4px;overflow:hidden}.server-load-fill{background:var(--brand-gradient);border-radius:100px;height:100%;transition:width .3s}.server-load-fill.load-warn{background:linear-gradient(90deg, var(--warning), var(--danger))}.server-load-text{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:600}.server-load-text b{color:var(--text);font-weight:700}@media (width<=768px){.server-card{grid-template-columns:auto 1fr auto;gap:10px;padding:12px 14px}.server-icon{width:36px;height:36px;font-size:18px}.server-load{grid-area:2/2/auto/4;min-width:0;margin-top:4px}.server-ping{grid-area:1/3;min-width:52px;font-size:13px}.server-name{font-size:13px}.server-meta{font-size:11px}}