/* Weltraum-Mission – deep night sky, violet and cyan glow, techy lettering. */
@font-face { font-family: "Orbitron"; src: url("/assets/fonts/orbitron-latin-wght-0725597c.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("/assets/fonts/nunito-latin-wght-8d9cc785.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }

:root {
  --inv-bg:
    radial-gradient(circle at 80% 10%, rgba(124, 92, 255, .45) 0%, transparent 40%),
    radial-gradient(circle at 10% 60%, rgba(92, 225, 230, .22) 0%, transparent 45%),
    radial-gradient(circle at 60% 100%, rgba(255, 122, 182, .25) 0%, transparent 50%),
    linear-gradient(180deg, #070b24 0%, #0f1640 55%, #1b1250 100%);
  --inv-text: #e6ebff;
  --inv-accent: #5ce1e6;
  --inv-accent-soft: #a99bff;
  --inv-accent-gradient: linear-gradient(135deg, #7c5cff, #3aa0ff);
  --inv-highlight: #5ce1e6;
  --inv-highlight-strong: #7c5cff;
  --inv-highlight-light: #e0fbff;
  --inv-highlight-dark: #0b1a3a;
  --inv-title-fill: linear-gradient(110deg, #c9d6ff, #ffffff 25%, #5ce1e6 45%, #a99bff 65%, #ffffff 80%, #c9d6ff);
  --inv-title-glow: drop-shadow(0 0 12px rgba(92, 225, 230, .55)) drop-shadow(0 0 30px rgba(124, 92, 255, .45));
  --inv-card-border: linear-gradient(135deg, #5ce1e6, #7c5cff, #ff7ab6, #5ce1e6);
  --inv-card-bg: linear-gradient(180deg, rgba(16, 22, 64, .94), rgba(22, 16, 70, .94));
  --inv-shadow: rgba(92, 225, 230, .18);
  --inv-surface: #141c4d;
  --inv-surface-soft: rgba(20, 28, 77, .75);
  --inv-radius: 20px;
  --inv-font-body: "Nunito", system-ui, sans-serif;
  --inv-font-display: "Orbitron", sans-serif;
  --inv-font-script: "Orbitron", sans-serif;
  --inv-font-heading: "Orbitron", sans-serif;
  --inv-title-size: clamp(2.6rem, 11vw, 5rem);
  --inv-floaters-opacity: .55;
}

.inv-title { font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.inv-greeting { font-size: clamp(1.6rem, 6vw, 2.2rem); font-weight: 700; letter-spacing: .04em; }
.inv-signature { font-size: 1.6rem; font-weight: 700; letter-spacing: .05em; }
.inv-age-side { font-style: normal; font-weight: 600; letter-spacing: .05em; }
.inv-age-badge { background: radial-gradient(circle at 35% 30%, #a99bff, #3b2a9a 70%); box-shadow: 0 0 0 5px #0f1640, 0 0 0 7px #5ce1e6, 0 0 40px rgba(92, 225, 230, .5); }
.inv-age-badge::before { inset: -22px; border: 2px solid rgba(92, 225, 230, .5); transform: rotateX(70deg); }
.inv-age-badge span { color: #fff; text-shadow: 0 0 18px #5ce1e6; }
.inv-detail h3, .inv-gift h3 { font-weight: 800; font-size: .95rem; letter-spacing: .08em; text-transform: uppercase; }
.inv-cd-num { color: #fff; text-shadow: 0 0 10px #5ce1e6; }
.inv-btn-secondary { color: #0b1a3a; }
.inv-sparkle { background: radial-gradient(circle, #fff 0%, #c9d6ff 40%, transparent 70%); }