/* Violet Hour */
:root {
  --bg: #0a0812;
  --bg-2: #120f1c;
  --bg-3: #191526;
  --bg-deep: #06050b;
  --bg-rgb: 10 8 18;
  --line: rgba(222, 210, 255, .14);
  --line-2: rgba(222, 210, 255, .27);
  --text: #eeeaf7;
  --text-2: #a7a0bd;
  --text-3: #87819b;
  --accent: #a98bff;
  --accent-ink: #0c0618;
  --accent-soft: rgba(150, 110, 255, .16);
  --key: 150 110 255;
  --shade: 0 0 0;
  --glint: 255 246 232;
  --moss: #6f8a4a;
  --btn-bg: #eeeaf7;
  --btn-ink: #0a0812;
  --btn-bg-hover: #ffffff;
  --atmos-page: radial-gradient(90% 55% at 85% -10%, rgba(94, 23, 235, .16), transparent 60%), radial-gradient(70% 45% at -5% 105%, rgba(210, 75, 255, .08), transparent 60%);
  --atmos-hero: linear-gradient(90deg, rgb(10 8 18 / .80), rgb(10 8 18 / .25) 46%, transparent 70%), linear-gradient(0deg, rgb(10 8 18), rgb(10 8 18 / 0) 16%);
  --atmos-band: radial-gradient(70% 90% at 80% 0%, rgba(94, 23, 235, .22), transparent 60%), radial-gradient(40% 60% at 10% 100%, rgba(210, 75, 255, .10), transparent 70%);
  --atmos-card: radial-gradient(70% 45% at 50% 18%, rgba(130, 80, 255, .26), transparent 70%), linear-gradient(180deg, rgba(10, 8, 18, .1), rgba(10, 8, 18, .2) 45%, rgba(10, 8, 18, .8));
  --accent-grad: linear-gradient(90deg, #5e17eb, #d24bff);
  --world-filter: saturate(.95);
  --glass-fog: 0.5;
  --glass-tint: 0.92 0.88 1.0;
  --glass-key: 0.66 0.50 1.0;
  --plate-grade: .3;
  --radius: 3px;
  --logo: #e4dbff;
  --logo-glow: rgba(150, 110, 255, .58);
  --display: 'Jost', 'Futura', 'Century Gothic', sans-serif;
  --sans: 'Manrope', 'Helvetica Neue', Helvetica, sans-serif;
  --mono: 'Fragment Mono', ui-monospace, Menlo, monospace;
}
.hdr::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, #5e17eb 30%, #d24bff 70%, transparent); opacity: .7; pointer-events: none; }