:root{
  --bg-page:#050b18;
  --bg-1:#0a1626;
  --bg-2:#0d2240;
  --bg-3:#0a2a4e;
  --glow:#6db8ff;
  --glow-soft:#a8dbff;
  --glow-bright:#8fd0ff;
  --accent:#a8dbff;
  --accent-strong:#6db8ff;
  --text-primary:rgba(255,255,255,0.96);
  --text-secondary:rgba(214,232,255,0.62);
  --text-tertiary:rgba(196,222,255,0.40);
  --glass-bg:rgba(255,255,255,0.055);
  --glass-bg-strong:rgba(255,255,255,0.09);
  --glass-border:rgba(180,215,255,0.13);
  --glass-hi:rgba(255,255,255,0.16);
  --radius-card:24px;
  --radius-btn:14px;
  --safe-bottom:98px;
  --shadow-soft:0 10px 34px rgba(0,8,24,0.34);
  --shadow-glow:0 8px 26px rgba(109,184,255,0.34);
  /* legacy aliases (kept resolving for any stray refs / JS) */
  --glow-violet:var(--glow);
  --glow-pink:var(--glow-soft);
  --glow-blue:var(--glow-bright);
  --bg-deep-purple:var(--bg-1);
  --bg-mid:var(--bg-2);
  --bg-deep-blue:var(--bg-3);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{
  font-family:-apple-system,"SF Pro Text","SF Pro Display",system-ui,"PingFang SC","Helvetica Neue",sans-serif;
  color:var(--text-primary);
  background:#04081a;
  display:flex;justify-content:center;align-items:center;
  letter-spacing:-0.011em;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.app{
  position:relative;
  width:100%;max-width:430px;
  height:100vh;height:100dvh;
  overflow:hidden;
  background:radial-gradient(120% 80% at 50% -10%,#13325e 0%,transparent 55%),linear-gradient(162deg,var(--bg-1) 0%,var(--bg-2) 48%,var(--bg-3) 100%);
  box-shadow:0 0 100px rgba(0,0,0,0.7);
}
.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.ambient .blob{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform;}
.ambient .b1{width:340px;height:340px;background:var(--glow);opacity:0.30;top:-110px;left:-100px;animation:floatA 18s ease-in-out infinite;}
.ambient .b2{width:300px;height:300px;background:var(--glow-bright);opacity:0.22;bottom:40px;right:-120px;animation:floatB 22s ease-in-out infinite;}
.ambient .b3{width:240px;height:240px;background:#2a6cb8;opacity:0.22;top:44%;left:42%;animation:floatA 26s ease-in-out infinite reverse;}
@keyframes floatA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(34px,44px) scale(1.12);}}
@keyframes floatB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-44px,-32px) scale(1.16);}}
.scroll{position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:0 20px;padding-bottom:var(--safe-bottom);-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.scroll::-webkit-scrollbar{display:none;}
h1{font-size:28px;font-weight:700;letter-spacing:-0.025em;line-height:1.18;}
h2{font-size:22px;font-weight:700;letter-spacing:-0.022em;line-height:1.2;}
.muted{color:var(--text-secondary);}
.faint{color:var(--text-tertiary);}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;}
}