/* JPN home-page design system shared across every secondary page. */
:root{
  color-scheme:dark;
  --bg:#080d1b;
  --panel:#10182b;
  --panel-raised:#15213a;
  --text:#f3f6ff;
  --muted:#9caac4;
  --cyan:#22d3ee;
  --purple:#9b8cff;
  --blue:#1687ff;
  --border:rgba(164,190,255,.16);
}
html{scroll-behavior:smooth}
body{
  color:var(--text)!important;
  background:
    radial-gradient(ellipse at 15% 0%,rgba(34,211,238,.12),transparent 36rem),
    radial-gradient(ellipse at 90% 20%,rgba(155,140,255,.12),transparent 34rem),
    var(--bg)!important;
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
h1,h2,h3,h4{font-family:"Space Grotesk","DM Sans",sans-serif!important;letter-spacing:-.04em}
p,.muted,.subtext,.meta,.description,.hint,.updated{color:var(--muted)}
a{ text-decoration-color:rgba(34,211,238,.4);text-underline-offset:.2em }
a:hover{color:var(--cyan)}
header,.topbar,.topbar nav{
  border-color:var(--border)!important;
}
header{
  background:rgba(8,13,27,.9)!important;
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
}
.card,.panel,.plan,.auth-card,.countdown-panel,.note,.feature,.feature-icon,.notice,.time-box,.tabs,.tab[aria-selected="true"]{
  border-color:var(--border);
}
.card,.panel,.plan,.auth-card,.countdown-panel,.note{
  background:linear-gradient(145deg,rgba(18,30,53,.96),rgba(12,19,35,.96))!important;
  color:var(--text)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.22);
}
.card p,.panel p,.plan p,.auth-card p,.note p{color:var(--muted)}
.auth-card h2,.auth-card strong,.auth-card label,.auth-card .feature{color:var(--text)!important}
.auth-card .subtext,.auth-card .legal,.auth-card .terms-accept{color:var(--muted)!important}
.auth-card .tabs{background:#080d1b!important;border:1px solid var(--border)}
.auth-card .tab{color:var(--muted)!important}
.auth-card .tab[aria-selected="true"]{background:linear-gradient(145deg,#1b2940,#10182b)!important;color:var(--text)!important;box-shadow:0 1px 8px #0005}
input,select,textarea{
  background:#080d1b!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
input::placeholder,textarea::placeholder{color:#7f8da8!important}
button,.button,.btn,.primary,.small-button,.wide{
  border-radius:12px;
  transition:transform .2s,border-color .2s,background-color .2s,color .2s;
}
button:not(:disabled),.button,.btn,.primary,.small-button,.wide{cursor:pointer}
button:focus-visible,.button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
button:disabled{opacity:.62}
button.primary,.button.primary,.primary{
  background:linear-gradient(100deg,var(--cyan),#86e9ff)!important;
  color:#06101b!important;
  border-color:transparent!important;
  font-weight:800;
}
button.primary:hover,.button.primary:hover,.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.button:not(.primary),.btn,.small-button,button:not(.primary){
  background:rgba(16,24,43,.82);
  color:var(--text);
  border-color:var(--border);
}
.eyebrow,.status,.tag{color:var(--cyan)}
.eyebrow{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2)}
.gradient{background-image:linear-gradient(100deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.notice{background:rgba(16,24,43,.82)!important;color:var(--muted)!important}
.notice[data-kind="error"]{background:rgba(105,35,45,.32)!important;color:#ffc6c6!important;border-color:#ff9a9a66!important}
.notice[data-kind="success"]{background:rgba(20,80,57,.28)!important;color:#bfffe0!important;border-color:#7be0b066!important}
.tag,.pill{background:rgba(34,211,238,.09);border-color:rgba(34,211,238,.18);color:var(--cyan)}
.side-link{color:var(--muted)}
.side-link:hover,.side-link.active{color:var(--text);background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.2)}
aside{background:rgba(8,13,27,.96)!important;border-color:var(--border)!important}
.avatar,.logo{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#06101b}
.list-row,.user,.user-mini{border-color:var(--border)!important}
footer,.site-footer{border-color:var(--border)!important;color:var(--muted)!important}
.site-footer{width:100%;margin:0!important;margin-top:auto!important;padding:20px 0!important;border-top:1px solid var(--border)!important;border-bottom:0!important;font-size:.82rem}
.site-footer-inner{width:min(1120px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap}
.site-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:10px 20px;flex-wrap:wrap;margin:0;padding:0}
.site-footer-links a{color:inherit;text-decoration:none;white-space:nowrap}
.site-footer-links a:hover{color:var(--text);text-decoration:underline}
@media(max-width:600px){
  .site-footer-inner{width:calc(100% - 32px);align-items:flex-start;flex-direction:column;gap:10px}
  .site-footer-links{justify-content:flex-start;gap:8px 16px}
}