:root{
  --neon-bg:#080B12;--neon-card:#14121F;--neon-card-2:#1A1628;
  --neon-purple:#8A2BE2;--neon-bright:#C77DFF;--neon-ok:#00E676;
  --neon-text:#FFFFFF;--neon-muted:#BBB8C8;
  --neon-line:rgba(199,125,255,.18);--neon-danger:#ff667f;
}
*{box-sizing:border-box}
html{background:var(--neon-bg);color-scheme:dark}
body{
  margin:0!important;background:
    radial-gradient(circle at 12% -8%,rgba(138,43,226,.17),transparent 31%),
    radial-gradient(circle at 92% 16%,rgba(199,125,255,.08),transparent 25%),
    var(--neon-bg)!important;color:var(--neon-text)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif!important;
}
.neon-edge-fx{
  position:fixed;top:58px;bottom:82px;width:28px;pointer-events:none;z-index:2;
  background:url("/static/assets/crystal-edge-v1.webp?v=20260726-1") left center/auto 100% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.75) 68%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.75) 68%,transparent 100%);
  mix-blend-mode:screen;opacity:.78;filter:saturate(1.3) brightness(1.2) drop-shadow(0 0 8px rgba(138,43,226,.72));
  will-change:opacity,filter,background-position;animation:neonEdgeEnergy 4s ease-in-out infinite;
  overflow:hidden;
}
.neon-edge-fx.left{left:max(0px,calc(50% - 240px))}
.neon-edge-fx.right{
  right:max(0px,calc(50% - 240px));transform:scaleX(-1);animation-delay:-2s;
  -webkit-mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.75) 68%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0 42%,rgba(0,0,0,.75) 68%,transparent 100%);
}
.neon-edge-fx:after{
  content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 22% 18%,rgba(255,255,255,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 14% 51%,rgba(199,125,255,.85) 0 1px,transparent 2px),
    radial-gradient(circle at 27% 78%,rgba(255,255,255,.7) 0 1px,transparent 2px);
  background-size:31px 47px,27px 39px,35px 51px;mix-blend-mode:screen;animation:neonEdgeSparks 3.4s linear infinite;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.app{position:relative!important;z-index:auto!important;width:100%!important;max-width:480px!important;margin:0 auto!important;padding:12px 14px 112px!important;background-color:transparent!important}
.header,.page{position:relative!important;z-index:3!important}
.header{
  position:relative!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;min-height:60px!important;padding:6px 1px 12px!important;
  border:0!important;background:transparent!important;
}
.logo-wrap{display:flex!important;align-items:center!important;gap:11px!important;min-width:0}
.header .logo{
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(199,125,255,.48)!important;border-radius:14px!important;
  background:linear-gradient(145deg,#a441ed,#5911a5)!important;
  box-shadow:0 0 26px rgba(138,43,226,.38),inset 0 1px rgba(255,255,255,.22)!important;
  color:#fff!important;font-size:11px!important;font-weight:900!important;
}
.brand{color:#fff!important;font-size:17px!important;font-weight:850!important;letter-spacing:-.25px!important}
.brand-sub{margin-top:2px!important;color:var(--neon-muted)!important;font-size:9px!important;text-transform:capitalize}
.avatar{display:none!important}
.neon-header-actions{display:flex;gap:8px}
.neon-icon-btn{
  position:relative;width:42px;height:42px;display:grid;place-items:center;
  border:1px solid var(--neon-line);border-radius:13px;background:rgba(20,18,31,.82);color:#e9d8ff;
  box-shadow:inset 0 1px rgba(255,255,255,.04);transition:.18s ease;
}
.neon-icon-btn:active{transform:scale(.94);border-color:var(--neon-bright)}
.neon-icon-btn svg,.neon-svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.neon-alert-dot{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--neon-ok);box-shadow:0 0 10px var(--neon-ok)}
.page-title{margin:6px auto 0!important;color:#fff!important;font-size:22px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.55px!important;text-align:center!important}
.page-sub{margin:4px auto 13px!important;color:var(--neon-muted)!important;font-size:9px!important;text-align:center!important}
.neon-home,.neon-stack{display:grid;gap:12px}
.neon-home.compact,.neon-stack.compact{gap:9px}
.neon-dashboard{position:relative;display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;min-height:142px;padding:16px!important;overflow:hidden}
.neon-dashboard:before{content:"";position:absolute;width:150px;height:150px;left:-30px;top:-35px;border-radius:50%;background:rgba(138,43,226,.18);filter:blur(28px)}
.neon-dashboard-core{position:relative;width:88px;height:88px;display:grid;place-items:center}
.neon-dashboard-core:before{content:"";position:absolute;inset:3px;border:1px solid rgba(199,125,255,.65);border-radius:50%;box-shadow:0 0 22px rgba(138,43,226,.48);animation:neonCrystalSpin 7s linear infinite}
.neon-dashboard-core img{position:relative;width:80px;height:80px;object-fit:contain;filter:saturate(1.08) drop-shadow(0 0 10px rgba(199,125,255,.52))}
.neon-dashboard-copy{position:relative;min-width:0}.neon-dashboard-copy h1{margin:8px 0 4px;font-size:18px;line-height:1.12}.neon-dashboard-copy p{margin:0;color:var(--neon-muted);font-size:9px;line-height:1.4}
.neon-dashboard-action{grid-column:1/-1;margin-top:2px}
.neon-hero-premium{min-height:292px;padding:12px 16px 17px!important;border-color:rgba(199,125,255,.34)!important;background:radial-gradient(circle at 50% 29%,rgba(151,52,235,.34),transparent 37%),linear-gradient(155deg,#211338,#0c0b16 72%)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 48px rgba(0,0,0,.28),0 0 34px rgba(138,43,226,.13)!important}
.neon-hero-premium .neon-core{width:min(158px,45vw);height:min(158px,45vw);margin:-7px 0 -2px}.neon-hero-premium h1{font-size:19px}.neon-hero-premium p{font-size:9px}.neon-hero-premium .neon-primary{position:relative;width:min(330px,100%);min-height:46px;margin-top:11px}
.neon-compact-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.neon-compact-stat{min-width:0;padding:12px 13px!important}.neon-compact-stat small{display:block;color:var(--neon-muted);font-size:8px}.neon-compact-stat b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.neon-compact-stat b.purple{color:var(--neon-bright)}
.neon-quick-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.neon-quick-compact .neon-action{min-height:76px;padding:9px 4px}.neon-quick-compact .neon-action-icon{width:31px;height:31px;margin-bottom:6px}.neon-quick-compact .neon-action span{font-size:8px}
.neon-details{border:1px solid var(--neon-line);border-radius:16px;background:linear-gradient(145deg,#171328,#0e0c18);overflow:hidden}.neon-details>summary{display:flex;align-items:center;min-height:50px;padding:11px 13px;color:#fff;font-size:10px;font-weight:820;cursor:pointer;list-style:none}.neon-details>summary::-webkit-details-marker{display:none}.neon-details>summary:after{content:"⌄";margin-left:auto;color:var(--neon-bright);font-size:18px;transition:.2s}.neon-details[open]>summary:after{transform:rotate(180deg)}.neon-details-body{padding:0 11px 11px}.neon-details .v5-connect-guide{margin-top:0}
.neon-server-compact{padding:10px 12px!important}.neon-server-compact .neon-server-options{margin-top:9px;padding-top:9px}
.neon-device-compact .neon-device-top{padding-bottom:3px}.neon-device-compact .neon-config,.neon-device-compact .neon-kv{display:none}
.neon-glass,.v5-card,.v5-plan,.v7-menu-btn,.support-create-card,.support-ticket{
  border:1px solid var(--neon-line)!important;border-radius:20px!important;
  background:linear-gradient(145deg,#1B1729,#100E19)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.neon-hero{
  position:relative;min-height:232px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;overflow:hidden;padding:10px 13px 13px;border-radius:22px;
  background:
    radial-gradient(circle at 50% 34%,rgba(138,43,226,.28),transparent 35%),
    linear-gradient(155deg,#1A142A,#0D0C17 72%);
}
.neon-hero:before{
  content:"";position:absolute;inset:0;opacity:.3;
  background-image:radial-gradient(circle,rgba(199,125,255,.68) 1px,transparent 1.4px);
  background-size:18px 18px;mask-image:radial-gradient(circle at 50% 36%,#000,transparent 55%);
  animation:neonStars 18s linear infinite;
}
.neon-core{position:relative;width:min(150px,43vw);height:min(150px,43vw);display:grid;place-items:center;margin:-5px 0 -1px;isolation:isolate}
.neon-core:before,.neon-core:after{
  content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid transparent;
  background:linear-gradient(#100d1d,#100d1d) padding-box,
    conic-gradient(from 0deg,transparent 2%,#6d18e8 17%,#f0c6ff 31%,transparent 43%,#8A2BE2 62%,#64b5ff 78%,transparent 94%) border-box;
  box-shadow:0 0 23px rgba(138,43,226,.7),0 0 67px rgba(138,43,226,.28);
  animation:neonCrystalSpin 4s linear infinite;
}
.neon-core:after{inset:23px;opacity:.45;animation-direction:reverse;animation-duration:5.5s}
.neon-crystal-art{
  position:absolute;z-index:2;width:100%;height:100%;object-fit:contain;pointer-events:none;
  mix-blend-mode:screen;filter:saturate(1.08) contrast(1.08) drop-shadow(0 0 12px rgba(199,125,255,.54));
  mask-image:radial-gradient(ellipse 48% 49% at 50% 49%,#000 62%,rgba(0,0,0,.9) 75%,transparent 100%);
  animation:neonCrystalArt 4s ease-in-out infinite;
}
.neon-energy-vortex{
  position:absolute;inset:28px;border-radius:50%;z-index:-1;
  background:repeating-conic-gradient(from 10deg,rgba(199,125,255,.26) 0 2deg,transparent 2deg 13deg);
  mask-image:radial-gradient(circle,transparent 22%,#000 48%,transparent 70%);
  filter:blur(.4px) drop-shadow(0 0 8px #8A2BE2);animation:neonCrystalSpin 4s linear infinite;
}
.neon-energy-vortex:after{
  content:"";position:absolute;inset:21px;border-radius:50%;
  border:1px solid rgba(199,125,255,.5);box-shadow:0 0 14px #8A2BE2,inset 0 0 18px rgba(138,43,226,.65);
  animation:neonCrystalPulse 2s ease-in-out infinite;
}
.neon-crystal-particles{position:absolute;inset:0;pointer-events:none}
.neon-crystal-particles i{
  position:absolute;width:7px;height:11px;background:linear-gradient(145deg,#f2d7ff,#8A2BE2 55%,#2a075b);
  clip-path:polygon(50% 0,100% 45%,65% 100%,12% 76%,0 25%);filter:drop-shadow(0 0 6px #C77DFF);
  opacity:.78;animation:neonShard 4s ease-in-out infinite;
}
.neon-crystal-particles i:nth-child(1){left:16px;top:51px;transform:rotate(-28deg);animation-delay:-.5s}
.neon-crystal-particles i:nth-child(2){right:19px;top:38px;transform:rotate(22deg) scale(.72);animation-delay:-1.5s}
.neon-crystal-particles i:nth-child(3){left:28px;bottom:37px;transform:rotate(38deg) scale(.65);animation-delay:-2.4s}
.neon-crystal-particles i:nth-child(4){right:17px;bottom:49px;transform:rotate(-18deg) scale(.82);animation-delay:-3.2s}
.neon-crystal-particles i:nth-child(5){left:96px;top:5px;transform:rotate(15deg) scale(.55);animation-delay:-1s}
.neon-crystal-particles i:nth-child(6){right:89px;bottom:5px;transform:rotate(-35deg) scale(.48);animation-delay:-2.8s}
.neon-shield{
  position:relative;z-index:2;width:88px;height:108px;display:grid;place-items:center;
  clip-path:polygon(50% 0,92% 17%,84% 70%,50% 100%,16% 70%,8% 17%);
  background:
    linear-gradient(27deg,transparent 48%,rgba(255,255,255,.2) 49% 51%,transparent 52%),
    linear-gradient(145deg,#f1d4ff 0 7%,#9e3dff 23%,#32105d 49%,#8b28e8 72%,#160927);
  filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 19px #9b37ff) drop-shadow(0 0 38px rgba(138,43,226,.7));
  animation:neonCrystalFloat 4s ease-in-out infinite;
}
.neon-shield:before{
  content:"";position:absolute;inset:7px;clip-path:inherit;
  background:
    linear-gradient(155deg,rgba(232,196,255,.46),transparent 28%),
    linear-gradient(35deg,#140823 8%,#48117c 43%,#0b0613 44% 62%,#721cc5);
  border:2px solid rgba(255,255,255,.68);
}
.neon-shield:after{
  content:"";position:absolute;inset:-13px;clip-path:inherit;border:2px solid rgba(199,125,255,.44);
  background:transparent;filter:drop-shadow(0 0 7px #9d3cff);opacity:.8;animation:neonCrystalPulse 2s ease-in-out infinite;
}
.neon-shield svg{position:relative;z-index:2;width:35px;height:35px;color:#5ff4ff;stroke-width:2.8;filter:drop-shadow(0 0 8px #40e8ff)}
.neon-status{
  position:relative;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:99px;
  background:rgba(0,230,118,.09);color:var(--neon-ok);font-size:7px;font-weight:900;letter-spacing:.65px;text-transform:uppercase;
}
.neon-status.off{background:rgba(255,102,127,.09);color:var(--neon-danger)}
.neon-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}
.neon-hero h1{position:relative;margin:7px 0 0;font-size:17px;line-height:1.12;text-align:center;letter-spacing:-.3px}
.neon-hero p{position:relative;max-width:350px;margin:4px 0 0;color:#D0CDDA;font-size:9px;line-height:1.4;text-align:center}
.neon-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 2px 0}
.neon-section-head h2{margin:0;font-size:14px;font-weight:820;letter-spacing:-.15px}
.neon-section-head button,.neon-link{padding:5px 0;border:0;background:transparent;color:var(--neon-bright);font-size:9px;font-weight:750}
.neon-server-card{padding:12px!important}
.neon-server-row{width:100%;display:flex;align-items:center;gap:11px;padding:3px;border:0;background:transparent;color:#fff;text-align:left}
.neon-server-options{display:none;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(199,125,255,.12)}
.neon-server-options.open{display:grid;animation:neonReveal .22s ease}
.neon-server-option{
  width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 10px;
  border:1px solid rgba(199,125,255,.12);border-radius:14px;background:#0D0D17;color:#fff;text-align:left;
}
.neon-server-option.selected{border-color:rgba(199,125,255,.55);background:rgba(138,43,226,.13);box-shadow:0 0 20px rgba(138,43,226,.1)}
.neon-server-option .neon-flag{width:34px;height:34px;border-radius:11px;font-size:17px}
.neon-server-option .neon-server-copy{flex:1}
.neon-flag{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--neon-line);border-radius:13px;background:rgba(138,43,226,.13);font-size:20px}
.neon-server-copy{min-width:0;flex:1}.neon-server-name{font-size:12px;font-weight:820}.neon-server-meta{margin-top:3px;color:var(--neon-muted);font-size:9px;line-height:1.35}
.neon-ping{display:flex;align-items:center;gap:5px;color:var(--neon-ok);font-size:9px;font-weight:800}.neon-ping:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
.neon-ping.offline{color:var(--neon-danger)}
.neon-chevron{color:var(--neon-bright);font-size:22px}
.neon-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.neon-sub-card{min-height:96px;padding:14px!important}
.neon-mini-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:10px;border-radius:11px;background:rgba(138,43,226,.15);color:var(--neon-bright)}
.neon-mini-icon svg{width:19px;height:19px}
.neon-label{color:var(--neon-muted);font-size:9px}.neon-value{margin-top:4px;color:#fff;font-size:12px;font-weight:850}.neon-value.purple{color:var(--neon-bright)}
.neon-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.neon-action{
  min-width:0;min-height:103px;padding:11px 4px 9px;border:1px solid var(--neon-line);
  border-radius:17px;background:linear-gradient(145deg,#171328,#0e0c18);color:#fff;text-align:center;
  box-shadow:inset 0 1px rgba(255,255,255,.04);transition:.18s ease;
}
.neon-action:active{transform:scale(.96);border-color:var(--neon-bright)}
.neon-action-icon{width:36px;height:36px;display:grid;place-items:center;margin:0 auto 8px;border-radius:12px;background:rgba(138,43,226,.17);color:var(--neon-bright)}
.neon-action-icon svg{width:19px;height:19px}.neon-action span{display:block;font-size:8.5px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.neon-docs{padding:3px 13px!important}
.neon-doc{
  width:100%;min-height:47px;display:flex;align-items:center;gap:10px;padding:10px 0;
  border:0;border-bottom:1px solid rgba(199,125,255,.1);background:transparent;color:#f6f1ff;text-align:left;
}
.neon-doc:last-child{border-bottom:0}.neon-doc svg{width:16px;height:16px;color:var(--neon-bright)}.neon-doc span{flex:1;font-size:10px}.neon-doc b{color:#816d98;font-size:18px}
.neon-location-list{display:grid;gap:8px}
.neon-location{
  min-height:72px;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--neon-line);
  border-radius:17px;background:linear-gradient(145deg,#171328,#0e0c18);color:#fff;text-align:left;
}
.neon-location.selected{border-color:rgba(199,125,255,.64);box-shadow:0 0 24px rgba(138,43,226,.14)}
.neon-location .neon-flag{width:38px;height:38px}.neon-location-copy{flex:1}.neon-location-name{font-size:11px;font-weight:820}.neon-location-note{margin-top:3px;color:var(--neon-muted);font-size:8px}
.neon-device{padding:15px!important}.neon-device-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.neon-device-title{font-size:13px;font-weight:850}.neon-device-meta{margin-top:4px;color:var(--neon-muted);font-size:9px}
.neon-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.neon-kv>div{min-width:0;padding:11px;border:1px solid rgba(199,125,255,.1);border-radius:13px;background:#0B0C14}
.neon-kv small{display:block;color:var(--neon-muted);font-size:8px}.neon-kv b{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.neon-config{width:100%;margin-top:9px;padding:12px;border:1px solid rgba(199,125,255,.13);border-radius:13px;background:#090b12;color:#9d94ab;font-size:8px}
.neon-primary,.neon-secondary,.btn,.v5-primary,.v5-secondary{
  min-height:48px;border-radius:15px!important;font-size:11px!important;font-weight:850!important;transition:.18s ease!important;
}
.neon-primary,.btn:not(.secondary):not(.danger),.v5-primary{
  width:100%;border:1px solid rgba(213,161,255,.28)!important;
  background:linear-gradient(105deg,#6320c2,#8A2BE2 52%,#b053ef)!important;color:#fff!important;
  box-shadow:0 10px 26px rgba(138,43,226,.22)!important;
}
.neon-secondary,.btn.secondary,.v5-secondary{
  width:100%;border:1px solid var(--neon-line)!important;background:var(--neon-card-2)!important;color:#eee8f8!important;
}
.neon-primary:active,.neon-secondary:active{transform:scale(.98)}
.neon-button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.neon-connecting{pointer-events:none;animation:neonPulse 1s ease-in-out infinite}
.neon-plan-summary{padding:16px!important}.neon-plan-line{display:flex;align-items:center;justify-content:space-between;gap:12px}
.neon-plan-name{font-size:14px;font-weight:850}.neon-plan-date{margin-top:4px;color:var(--neon-muted);font-size:9px}
.neon-plan-grid{display:grid;gap:9px}.neon-plan{position:relative;padding:16px!important}.neon-plan.best{border-color:rgba(199,125,255,.55)!important;box-shadow:0 0 30px rgba(138,43,226,.16)!important}
.neon-plan-tag{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:99px;background:rgba(138,43,226,.17);color:var(--neon-bright);font-size:7px;font-weight:900}
.neon-plan-title{font-size:15px;font-weight:850}.neon-plan-duration{margin-top:4px;color:var(--neon-muted);font-size:9px}.neon-plan-price{margin:14px 0 12px;color:#fff;font-size:24px;font-weight:900}.neon-plan-desc{min-height:30px;margin-bottom:12px;color:var(--neon-muted);font-size:9px;line-height:1.45}
.neon-payment{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(199,125,255,.1)}.neon-payment:last-child{border-bottom:0}
.neon-payment b{font-size:10px}.neon-payment small{display:block;margin-top:4px;color:var(--neon-muted);font-size:8px}.neon-payment-state{color:var(--neon-ok);font-size:8px;font-weight:850}
.neon-profile{padding:17px!important}.neon-profile-head{display:flex;align-items:center;gap:13px;padding-bottom:15px}
.neon-profile-avatar{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;flex:0 0 58px;border:2px solid var(--neon-bright);border-radius:19px;background:linear-gradient(145deg,#7a25cf,#26143f);box-shadow:0 0 25px rgba(138,43,226,.25);font-size:22px;font-weight:900}
.neon-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.neon-profile-name{font-size:15px;font-weight:850}.neon-profile-user{margin-top:4px;color:var(--neon-muted);font-size:9px}
.neon-referral{padding:16px!important;overflow:hidden;position:relative;background:radial-gradient(circle at 95% 0,rgba(195,62,255,.22),transparent 42%),linear-gradient(145deg,#171028,#0c0915)!important}
.neon-referral:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.neon-referral-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.neon-referral-head span{display:block;color:var(--neon-bright);font-size:7px;font-weight:900;letter-spacing:.12em}.neon-referral-head b{display:block;margin-top:5px;font-size:15px}.neon-referral-bonus{padding:7px 9px;border:1px solid rgba(199,102,255,.35);border-radius:11px;background:rgba(152,48,232,.16);color:#f0d6ff;font-size:10px;font-weight:900;white-space:nowrap}
.neon-referral-copy{margin-top:10px;color:var(--neon-muted);font-size:9px;line-height:1.5}.neon-referral-link{width:100%;height:39px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:0 11px;border:1px solid rgba(190,107,255,.22);border-radius:12px;background:rgba(4,3,10,.48);color:#d9cae4}.neon-referral-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.neon-referral-link .neon-svg{width:15px;height:15px;flex:0 0 auto;color:var(--neon-bright)}
.neon-referral-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.neon-referral-actions .neon-primary,.neon-referral-actions .neon-secondary{min-height:40px;margin:0;font-size:9px}.neon-referral-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.neon-referral-stats div{padding:9px 7px;border:1px solid rgba(186,105,255,.13);border-radius:12px;background:rgba(13,9,23,.46)}.neon-referral-stats small{display:block;color:var(--neon-muted);font-size:7px}.neon-referral-stats b{display:block;margin-top:4px;font-size:11px}.neon-referral-loading,.neon-referral-pending{color:var(--neon-muted);font-size:9px}.neon-referral-pending{margin-top:9px;color:#d8b4f6;text-align:center}
.neon-menu-list{display:grid;gap:8px}.neon-menu-item{
  width:100%;min-height:58px;display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--neon-line);
  border-radius:16px;background:linear-gradient(145deg,#171328,#0e0c18);color:#fff;text-align:left;
}
.neon-menu-item .neon-mini-icon{flex:0 0 auto;margin:0}.neon-menu-copy{min-width:0;flex:1}.neon-menu-title{font-size:11px;font-weight:820}.neon-menu-note{margin-top:3px;color:var(--neon-muted);font-size:8px}.neon-menu-item>b{color:#78698d;font-size:18px}
.neon-inline-panel{display:none;margin-top:8px}.neon-inline-panel.open{display:block;animation:neonReveal .22s ease}
.neon-select{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--neon-line);border-radius:14px;background:#0b0b13;color:#fff;font-size:10px}
.support-create-card{padding:16px!important}.support-create-card select,.support-create-card textarea,.support-create-card input{
  width:100%!important;border:1px solid var(--neon-line)!important;border-radius:14px!important;background:#0b0b13!important;color:#fff!important;outline:none!important;
}
.support-create-card select{min-height:48px!important;padding:0 12px!important}.support-create-card textarea{min-height:118px!important;padding:13px!important}
.support-section-title{color:#fff!important;font-size:14px!important;font-weight:850!important}
.modal-box,.legal-card,.transfer-card,.app-confirm-card{border:1px solid var(--neon-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#1a1628,#0d0c15)!important}
.legal-access-card{display:none!important}
.nav{
  position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:7px!important;
  width:min(464px,calc(100% - 14px))!important;display:flex!important;gap:1px!important;
  padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;border:1px solid var(--neon-line)!important;
  border-radius:22px!important;background:#0B0B13!important;box-shadow:0 18px 48px rgba(0,0,0,.62)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:100!important;
}
.nav button{min-width:0!important;min-height:52px!important;flex:1!important;padding:4px 1px!important;border:0!important;background:transparent!important;color:#777388!important;font-size:7px!important;font-weight:700!important;gap:2px!important}
.nav button[data-page="support"]{display:none!important}
.nav .nav-icon-wrap{width:31px!important;height:31px!important;border:0!important;border-radius:10px!important;background:transparent!important}
.nav .nav-icon{width:19px!important;height:19px!important;stroke:currentColor!important}
.nav button.active{color:var(--neon-bright)!important;text-shadow:0 0 12px rgba(199,125,255,.5)!important}
.nav button.active .nav-icon-wrap{background:rgba(138,43,226,.17)!important;box-shadow:0 0 19px rgba(138,43,226,.28)!important}
.neon-sheet{position:fixed;inset:0;display:none;align-items:flex-end;justify-content:center;padding:16px;background:rgba(3,4,8,.72);z-index:300}.neon-sheet.open{display:flex}
.neon-sheet-card{width:min(448px,100%);padding:17px;border:1px solid var(--neon-line);border-radius:24px;background:#14121f;box-shadow:0 25px 70px rgba(0,0,0,.55);animation:neonSheet .24s ease}
.neon-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.neon-sheet-head b{font-size:15px}.neon-sheet-close{width:38px;height:38px;border:1px solid var(--neon-line);border-radius:12px;background:#1a1628;color:#fff}
.neon-sheet-sub{margin-top:4px;color:var(--neon-muted);font-size:8px}
.neon-announcements{display:grid;gap:8px}
.neon-announcement{display:flex;gap:11px;padding:13px;border:1px solid rgba(199,125,255,.12);border-radius:16px;background:#0B0C14}
.neon-announcement.is-new{border-color:rgba(0,230,118,.22)}
.neon-announcement-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(138,43,226,.16);color:var(--neon-bright)}
.neon-announcement-icon svg{width:19px;height:19px}.neon-announcement-title{font-size:11px;font-weight:850}
.neon-announcement p{margin:5px 0;color:var(--neon-muted);font-size:8.5px;line-height:1.45}.neon-announcement time{color:#716b7c;font-size:7.5px}
@keyframes neonSpin{to{transform:rotate(360deg)}}@keyframes neonStars{to{background-position:36px 18px}}
@keyframes neonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes neonCrystalSpin{to{transform:rotate(360deg)}}
@keyframes neonCrystalFloat{0%,100%{transform:translateY(1px) scale(.96);filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 17px #8A2BE2)}45%{transform:translateY(-6px) scale(1.035);filter:drop-shadow(0 0 11px #fff) drop-shadow(0 0 28px #C77DFF) drop-shadow(0 0 46px #8A2BE2)}55%{transform:translateY(-5px) scale(1.02)}}
@keyframes neonCrystalPulse{0%,100%{opacity:.42;transform:scale(.94)}50%{opacity:1;transform:scale(1.07)}}
@keyframes neonShard{0%,100%{opacity:.28;translate:0 4px}45%{opacity:1;translate:0 -7px;filter:drop-shadow(0 0 10px #C77DFF)}}
@keyframes neonCrystalArt{
  0%,100%{transform:translateY(2px) scale(.97);filter:saturate(1.04) brightness(.9) contrast(1.08) drop-shadow(0 0 10px rgba(199,125,255,.46))}
  42%{transform:translateY(-4px) scale(1.025);filter:saturate(1.15) brightness(1.13) contrast(1.09) drop-shadow(0 0 23px rgba(199,125,255,.82))}
  52%{transform:translateY(-3px) scale(1.01);filter:saturate(1.12) brightness(1.04) contrast(1.08) drop-shadow(0 0 16px rgba(199,125,255,.68))}
}
@keyframes neonEdgeEnergy{
  0%,100%{opacity:.68;filter:saturate(1.16) brightness(.98) drop-shadow(0 0 7px rgba(138,43,226,.55));background-position:left 51%}
  45%{opacity:.96;filter:saturate(1.4) brightness(1.38) drop-shadow(0 0 17px rgba(199,125,255,.9));background-position:left 49%}
  55%{opacity:.84;filter:saturate(1.3) brightness(1.2) drop-shadow(0 0 12px rgba(138,43,226,.75));background-position:left 50%}
}
@keyframes neonEdgeSparks{to{background-position:0 -94px,0 -78px,0 -102px}}
@keyframes neonPulse{50%{filter:brightness(1.3);box-shadow:0 0 30px rgba(138,43,226,.45)}}
@keyframes neonReveal{from{opacity:0;transform:translateY(-5px)}}@keyframes neonSheet{from{transform:translateY(24px);opacity:0}}
@media(max-width:360px){
  .app{padding-left:10px!important;padding-right:10px!important}.brand{font-size:15px!important}.header .logo{width:41px!important;height:41px!important}
  .neon-hero{min-height:220px}.neon-hero-premium{min-height:278px}.neon-core{width:142px;height:142px}.neon-actions{gap:5px}.neon-action{min-height:100px;padding-left:2px;padding-right:2px}.neon-action span{font-size:7.2px}
  .nav{width:calc(100% - 10px)!important}.nav button{font-size:6.5px!important}
  .neon-edge-fx{width:24px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}