/* AngelsRO light hex landing refresh: appended after prereg.css */
:root {
  --ink: #f4f8fd;
  --ink-2: #eaf2fa;
  --navy: #e5eff9;
  --navy-2: #d8e8f6;
  --gold: #2878b9;
  --gold-bright: #3f91cf;
  --gold-deep: #155b91;
  --ice: #d5e9fa;
  --sky: #38a6ce;
  --cream: #122c49;
  --text: #1b3552;
  --muted: #526b84;
  --muted-2: #71869a;
  --line: rgba(24, 68, 108, 0.13);
  --line-gold: rgba(40, 120, 185, 0.2);
  --card: rgba(255, 255, 255, 0.88);
  --card-solid: #fff;
  --shadow: 0 22px 60px rgba(35, 75, 115, 0.12);
  --display: "Manrope", "Segoe UI", system-ui, sans-serif;
  --script: "Manrope", "Segoe UI", system-ui, sans-serif;
  --hex-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='90' viewBox='0 0 104 90'%3E%3Cg fill='none' stroke='%232878b9' stroke-opacity='.10' stroke-width='1'%3E%3Cpath d='M26 1 51 15v29L26 58 1 44V15zM78 30l25 14v29L78 87 53 73V44zM78-28l25 14v29L78 29 53 15v-29z'/%3E%3C/g%3E%3C/svg%3E");
}

html { background: #f4f8fd; }
body {
  background-color: #f4f8fd;
  background-image: var(--hex-pattern), linear-gradient(180deg, #f8fbff, #eef5fb 72%, #f7faff);
  color: var(--text);
}

::selection { background: rgba(56, 166, 206, .22); color: #102844; }
:focus-visible { outline-color: #2878b9; }
.script { font-style: normal; font-weight: 800; letter-spacing: -.045em; }
.gold {
  background: linear-gradient(110deg, #176da9 5%, #38a6ce 55%, #3c84c2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.site-header {
  padding-block: 14px;
  background: rgba(249, 252, 255, .88);
  border-bottom: 1px solid rgba(30, 83, 130, .1);
  box-shadow: 0 8px 28px rgba(40, 82, 122, .06);
  backdrop-filter: blur(18px) saturate(135%);
}
.site-header.is-scrolled {
  background: rgba(255, 255, 255, .96);
  border-bottom-color: rgba(30, 83, 130, .12);
  box-shadow: 0 12px 32px rgba(40, 82, 122, .09);
}
.brand img {
  border-color: rgba(40, 120, 185, .22);
  box-shadow: 0 0 0 4px rgba(56, 166, 206, .08), 0 6px 16px rgba(33, 75, 115, .12);
}
.brand-text strong { color: #163451; letter-spacing: .035em; }
.brand-text small { color: #2878b9; letter-spacing: .18em; }
.nav-links a { color: #425c76; }
.nav-links a:hover, .nav-links .nav-panel { color: #176da9; }
.nav-links a::after { background: #38a6ce; }
.nav-toggle span { background: #183c5c; }

.btn-gold {
  color: #fff;
  background: linear-gradient(135deg, #2478b7, #36a0c9);
  box-shadow: 0 10px 24px rgba(40, 120, 185, .2);
}
.btn-gold:hover { color: #fff; box-shadow: 0 14px 30px rgba(40, 120, 185, .28); }
.btn-ghost {
  color: #176da9;
  border-color: rgba(40, 120, 185, .24);
  background: rgba(255, 255, 255, .72);
}
.btn-ghost:hover {
  color: #115987;
  border-color: rgba(40, 120, 185, .42);
  background: #fff;
}

.hero {
  min-height: min(850px, 100svh);
  padding-top: 155px;
  background: linear-gradient(135deg, #f9fcff 0%, #e8f3fc 58%, #f8fbff 100%);
}
.hero-media img {
  opacity: .22;
  filter: saturate(.56) brightness(1.48) contrast(.82);
}
.hero-overlay {
  background:
    var(--hex-pattern),
    radial-gradient(ellipse at 75% 36%, rgba(115, 190, 225, .14), transparent 48%),
    linear-gradient(90deg, rgba(250, 253, 255, .97) 0%, rgba(246, 251, 255, .91) 48%, rgba(243, 249, 255, .73) 100%);
}
.hero-overlay::after {
  background: linear-gradient(180deg, rgba(255,255,255,.16), transparent 55%, rgba(239,247,253,.78));
}
.hero-stars { opacity: .12; }
.hero-kicker, .hero-note { color: #2878b9; }
.hero-title { color: #142f4e; text-shadow: none; }
.hero-lead { color: #526b84; }
.hero-lead strong { color: #1d6fa9; }
.hero-scroll { color: #71869a; }
.hero-scroll::after { background: linear-gradient(180deg, #3f91cf, transparent); }
.countdown .cd-unit {
  border: 1px solid rgba(40, 120, 185, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 22px rgba(39, 86, 126, .07);
  backdrop-filter: blur(8px);
}
.countdown .cd-unit strong { color: #176da9; }
.countdown .cd-unit span { color: #71869a; }

.launch-wrap { background: transparent; }
.launch-panel {
  border: 1px solid rgba(40, 120, 185, .15);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 48px rgba(36, 78, 117, .1);
  backdrop-filter: blur(16px);
}
.launch-head span, .launch-meta > span { color: #617a92; }
.launch-head strong, .launch-meta strong { color: #183b5b; }
.launch-meta small { color: #788ba0; }
.launch-divider { background: rgba(40, 120, 185, .14); }
.progress-track { background: #e4edf5; }
.progress-track > span { background: linear-gradient(90deg, #38a6ce, #2878b9); }
.launch-progress > p, .launch-progress > p b { color: #526b84; }

.section-head h2, .prereg-copy h2, .details-copy h2, .faq-head h2 { color: #14314f; }
.section-head .eyebrow, .eyebrow { color: #2878b9; }
.eyebrow::before, .section-head.center .eyebrow::after { background: #58a5cf; }
.section-lead, .details-copy > p:not(.eyebrow), .prereg-copy > p:not(.eyebrow), .faq-head > p:not(.eyebrow) { color: #5b7188; }

.rewards, .features, .details, .prereg, .faq {
  background-color: #f7faff;
  background-image: var(--hex-pattern), linear-gradient(180deg, #f8fbff, #eff6fc 52%, #f9fbfe);
}
.rewards::before {
  opacity: .34;
  background-image: var(--hex-pattern);
  mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}
.features { border-color: rgba(40, 120, 185, .1); }
.details::before, .details::after { border-color: rgba(40, 120, 185, .12); }

.reward-card, .feature-card, .spec-card, .form-card, .mini-progress,
.date-card, .queue-card, .faq-list details {
  border-color: rgba(37, 88, 132, .14);
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 34px rgba(33, 75, 115, .07);
}
.reward-card { border-radius: 16px; }
.reward-card::before { background: linear-gradient(90deg, transparent, #54a7d0, transparent); }
.reward-card::after { background: radial-gradient(circle, rgba(56,166,206,.15), transparent 68%); }
.reward-card:hover { border-color: rgba(40,120,185,.35); box-shadow: 0 18px 40px rgba(33,75,115,.12); }
.reward-index, .feature-index { color: rgba(37, 93, 140, .12); }
.reward-icon, .feature-icon {
  color: #2878b9;
  border-color: rgba(40,120,185,.18);
  background: linear-gradient(145deg, #eef7fd, #e3f0fa);
}
.reward-type, .reward-tag, .reward-note { color: #2878b9; }
.reward-card h3, .feature-card h3 { color: #163451; }
.reward-sub, .reward-desc, .feature-card p { color: #5c7288; }
.feature-grid { gap: 14px; overflow: visible; border: 0; background: transparent; }
.feature-card { min-height: 238px; border: 1px solid rgba(37,88,132,.14); border-radius: 16px; }
.feature-card:hover { background: #fff; border-color: rgba(40,120,185,.3); }
.feature-card:hover .feature-icon { color: #176da9; border-color: rgba(40,120,185,.32); }

.date-card { border-radius: 14px; }
.date-card > span { color: #176da9; }
.date-card strong, .spec-head > span:first-child, .spec-list dt { color: #193b5a; }
.date-card small, .spec-list dd, .spec-note { color: #61778d; }
.spec-card { border-radius: 18px; }
.spec-head, .spec-list > div { border-color: rgba(37,88,132,.12); }
.spec-list dd em { color: #2878b9; }
.live-dot { color: #32846e; }

.prereg { border-color: rgba(40,120,185,.1); }
.prereg::before { opacity: .035; }
.perk-list li { color: #405b75; }
.perk-list li::before { border-color: rgba(40,120,185,.32); }
.mini-progress { border-radius: 14px; }
.mini-progress-top span, .mini-progress small { color: #657d94; }
.mini-progress-top strong { color: #176da9; }
.form-card { border-radius: 18px; }
.form-card::before, .form-card::after { border-color: #55a2cd; }
.form-kicker { color: #2878b9; }
.form-head h3 { color: #163451; }
.seat-badge { color: #176da9; background: #e8f3fb; border-color: rgba(40,120,185,.16); }
.field label { color: #294661; }
.field label em { color: #71869a; }
.field input {
  color: #193650;
  border-color: rgba(37,88,132,.2);
  border-radius: 10px;
  background: #fbfdff;
}
.field input::placeholder { color: #8a9cad; }
.field input:hover { border-color: rgba(40,120,185,.32); }
.field input:focus { border-color: #3f91cf; box-shadow: 0 0 0 4px rgba(56,166,206,.12); }
.consent { color: #526b84; }
.consent a { color: #176da9; }
.form-foot, .success-note { color: #72869a; }
.form-success { color: #1b3552; }
.form-success h3 { color: #163451; }
.queue-card { border-radius: 14px; }
.queue-card > span, .queue-card small { color: #657d94; }
.queue-card strong { color: #176da9; }

.faq { background-image: var(--hex-pattern), linear-gradient(180deg, #f5f9fd, #edf5fb); }
.faq-list { border-color: rgba(37,88,132,.16); }
.faq-list details { border: 0; border-bottom: 1px solid rgba(37,88,132,.14); border-radius: 10px; box-shadow: none; }
.faq-list summary { color: #193b5a; }
.faq-list summary:hover { color: #176da9; }
.faq-list summary::after { color: #2878b9; }
.faq-list details p, .faq-list details p a { color: #5c7288; }
.site-footer { color: #eaf3fa; border-color: rgba(37,88,132,.14); background: #e8f1f8; }
.footer-brand .brand-text strong, .footer-col h3, .privacy-note strong { color: #173753; }
.footer-brand > p, .footer-col a, .footer-bottom p, .privacy-note { color: #5a7086; }
.footer-col a:hover { color: #176da9; }
.footer-bottom, .privacy-note { border-color: rgba(37,88,132,.14); }
.privacy-note { border-radius: 12px; background: rgba(255,255,255,.62); }

@media (max-width: 760px) {
  .site-header { padding-block: 10px; }
  .nav-links {
    border: 1px solid rgba(37,88,132,.14);
    border-radius: 16px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 18px 48px rgba(33,75,115,.14);
  }
  .nav-links a { color: #294661; }
  .hero { min-height: 760px; padding-top: 132px; }
  .hero-media img { opacity: .15; object-position: 59% center; }
  .hero-overlay { background: var(--hex-pattern), linear-gradient(180deg, rgba(249,252,255,.94), rgba(245,250,255,.87)); }
  .hero-actions .btn { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-media img, .hero-stars, .hero-scroll::after { animation: none !important; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}