/* ============================================================
   ANGELIC CREATORS — Cosmic theme (final color revamp, 2026-10-01)
   His spec: black base, royal blue + royal red blended,
   neon green undertones (the spark), white to balance.
   Loaded LAST on every page. Color layer only — layout untouched.
   ============================================================ */
:root{
  --void:#04050c;
  --void-2:#0a0d1a;
  --royal-blue:#2440d8;
  --royal-blue-hi:#3b5bff;
  --royal-red:#c21336;
  --royal-red-deep:#8f0e28;
  --spark:#2bff88;
  --star:#f4f6ff;
  --star-dim:#b9c4d8;
  /* Airbnb page variable remap (its design is var-driven) */
  --paper:#04050c;
  --surface:#0a0d1a;
  --ink:#f4f6ff;
  --muted:#b9c4d8;
  --line:rgba(59,91,255,.30);
  --accent:#2bff88;
  --accent-ink:#04120a;
  --sage:#0d1530;
  --sage-strong:#8fa3c7;
  --night:#04050c;
  --night-ink:#f4f6ff;
  --shadow:0 22px 60px rgba(0,0,0,.5);
}
html{color-scheme:dark;}
body{
  background-color:#04050c !important;
  background-image:
    radial-gradient(1100px 520px at 12% -4%, rgba(36,64,216,.20), transparent 60%),
    radial-gradient(900px 480px at 88% 108%, rgba(194,19,54,.16), transparent 60%),
    radial-gradient(1.5px 1.5px at 12% 22%, rgba(255,255,255,.50), transparent 60%),
    radial-gradient(1px 1px at 68% 8%, rgba(255,255,255,.38), transparent 60%),
    radial-gradient(1.5px 1.5px at 84% 64%, rgba(255,255,255,.42), transparent 60%),
    radial-gradient(1px 1px at 32% 78%, rgba(255,255,255,.32), transparent 60%),
    radial-gradient(1px 1px at 48% 42%, rgba(43,255,136,.32), transparent 60%) !important;
  background-attachment:fixed;
  color:#f4f6ff !important;
}

/* ---------- type ---------- */
h1,h2,h3{color:#f4f6ff !important;}
h1 .hl,h2 .hl,h1 .gold,h2 .gold{
  background:linear-gradient(120deg,#3b5bff,#c21336) !important;
  -webkit-background-clip:text !important;background-clip:text !important;
  color:transparent !important;
}
.eyebrow,.door-tag,.pkg .pkg-id,.pkg .pkg-meta,.card .num,.step .snum,.kicker,
.pillar .num,.step .kicker,.n,.attrib,.proof-ph .tag{color:#2bff88 !important;}
.lede,p.body,.card p,.door p,.pkg ul li,.faq details p,.belief p,.pillars-note,
.proof-ph p,.story p,.tease p,.reserved p,.note p,.clause p,.clause li,.not,
.pillar-card p,.pillar p,.pillar li,.offer-card p,details .a,.hint p,.rhythm div,
.flagship p,.contact-strip,.scope-box p,.scope-box li,.boundary p,.boundary li,
.pkg-tag,.pkg-note,.pkg-list li,.legal p,.legal li{color:#b9c4d8 !important;}
.lede strong,p.body strong,.quote,.card h3,.door h3,.pkg h3,.belief h3,
.faq summary,.story h2,.tease h2,.reserved h2,.note strong,.hint strong,
.not strong,.rhythm div b,.flagship strong,.scope-box h3,.boundary h3,
.pillar-card h3,.pillar h2,.pillar h3,summary,.clause h3,.proof-ph h3,
.pkg-tag strong,.pkg-note strong,.pkg-list li b,.pkg-foot strong,
details .a strong,.legal h2,.legal p strong,.legal li strong{color:#f4f6ff !important;}
.quote .qm{color:#2bff88 !important;}
.door ul li::before,.pkg ul li::before,.belief li::before,.boundary li::before,
.faq summary::before,.step::after,.pillar ul li .tick{color:#2bff88 !important;}
.scope-box li::before{color:#c21336 !important;}

/* ---------- nav ---------- */
nav.mainnav,nav.nav,.site-nav{
  background:rgba(4,5,12,.94) !important;
  border-bottom:3px solid !important;
  border-image:linear-gradient(90deg,#2440d8,#c21336) 1 !important;
}
nav.mainnav a,nav.nav a,.site-nav a{color:#c9d4e2 !important;}
nav.mainnav a:hover,nav.mainnav a.active,nav.nav a:hover,nav.nav a.active,
.site-nav a:hover,.site-nav a.active{color:#2bff88 !important;}
nav.mainnav .brand,nav.nav .brand,.site-nav .brand{color:#ffffff !important;}
nav.mainnav a.cta-nav{
  background:linear-gradient(135deg,#2440d8,#c21336) !important;
  color:#ffffff !important;
}

/* ---------- buttons ---------- */
.btn-green,.btn-gold{
  background:linear-gradient(135deg,#2440d8,#c21336) !important;
  color:#ffffff !important;border:none !important;
  box-shadow:0 8px 24px rgba(36,64,216,.35) !important;
}
.btn-green:hover,.btn-gold:hover{
  filter:brightness(1.15) !important;transform:translateY(-2px) !important;
}
.btn-ghost,.btn-goldghost{
  border:2px solid #2bff88 !important;color:#2bff88 !important;
  background:transparent !important;
}
.btn-ghost:hover,.btn-goldghost:hover{
  background:rgba(43,255,136,.12) !important;transform:translateY(-2px) !important;
}

/* ---------- hero ---------- */
.hero{
  background:
    radial-gradient(900px 420px at 50% 0%, rgba(36,64,216,.30), transparent 65%),
    radial-gradient(700px 380px at 85% 100%, rgba(194,19,54,.22), transparent 60%),
    #04050c !important;
  color:#f4f6ff !important;
}
.hero .lede{color:#b9c4d8 !important;}
.hero .lede strong{color:#ffffff !important;}
.hero-badge{
  border-color:#2bff88 !important;color:#2bff88 !important;
  background:rgba(43,255,136,.07) !important;
}
.hero-note{color:#8fa0b5 !important;}

/* ---------- cards & panels ---------- */
.card,.door,.pkg,.formbox,.belief,.faq details,.scope-box,.boundary,
.founder-frame,.proof-ph,.offer-card,.pillar-card,.pillar,.story,.clause,
form,.trust .t,.pkg-card,details,.flagship,.tease,.reserved,.note,.hint,.step{
  background:rgba(12,16,32,.78) !important;
  border-color:rgba(59,91,255,.30) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.45) !important;
}
.card:hover,.door:hover,.belief:hover,.offer-card:hover,.pillar-card:hover,
.pillar:hover,.faq details:hover,details:hover{
  border-color:#2bff88 !important;
  box-shadow:0 12px 32px rgba(43,255,136,.12) !important;
}
.pkg.featured,.pkg-card.pkg-feature{
  border:2px solid transparent !important;
  background:
    linear-gradient(rgba(10,13,26,.94),rgba(10,13,26,.94)) padding-box,
    linear-gradient(135deg,#2440d8,#c21336) border-box !important;
}
.pkg-price{color:#f4f6ff !important;}
.pkg-worth{color:#2bff88 !important;}
.pkg-list li{border-bottom-color:rgba(59,91,255,.22) !important;}
.pkg-catch{
  background:rgba(10,13,26,.85) !important;
  border-color:rgba(59,91,255,.35) !important;color:#b9c4d8 !important;
}
.pkg-catch strong{color:#2bff88 !important;}
.pkg-card.pkg-feature .pkg-catch{
  background:rgba(43,255,136,.07) !important;
  border-color:rgba(43,255,136,.40) !important;
}
.door{border-top:4px solid transparent !important;
  border-image:linear-gradient(90deg,#2440d8,#c21336) 1 !important;}
.trust .t b{color:#f4f6ff !important;}
.seal-stage img,.seal-mini img{border-color:#2bff88 !important;
  box-shadow:0 0 34px rgba(43,255,136,.25) !important;}
.banner-stage img{border-color:rgba(59,91,255,.30) !important;}
.contact-strip a{color:#2bff88 !important;}
.flagship a{color:#2bff88 !important;border-bottom-color:rgba(43,255,136,.5) !important;}
.founder-frame .photo-ph{
  border-color:#2bff88 !important;color:#2bff88 !important;background:#0a0d1a !important;
}
.step .n{border-color:#2bff88 !important;color:#2bff88 !important;}

/* ---------- steps / faq / details ---------- */
.steps .step .snum{color:#2bff88 !important;}
.faq details p strong{color:#f4f6ff !important;}
summary{color:#f4f6ff !important;}
summary .pm{color:#2bff88 !important;}
details[open]{border-color:#2bff88 !important;}

/* ---------- forms ---------- */
.field label,label{color:#f4f6ff !important;}
.field input,.field select,.field textarea,input,textarea,select{
  background:#0a0d1a !important;color:#f4f6ff !important;
  border-color:rgba(59,91,255,.40) !important;
}
.field input:focus,.field select:focus,.field textarea:focus,
input:focus,textarea:focus,select:focus{
  border-color:#2bff88 !important;
  box-shadow:0 0 0 3px rgba(43,255,136,.15) !important;outline:none !important;
}
.field .hint{color:#8fa0b5 !important;}
.radio-card{background:#0a0d1a !important;border-color:rgba(59,91,255,.40) !important;}
.radio-card:hover{border-color:#2bff88 !important;}
.radio-card.sel{border-color:#2bff88 !important;background:rgba(43,255,136,.08) !important;}
.radio-card b{color:#f4f6ff !important;}
.radio-card span{color:#b9c4d8 !important;}
.form-note{background:rgba(43,255,136,.06) !important;
  border-color:rgba(43,255,136,.40) !important;}
.form-note strong{color:#2bff88 !important;}
.check-row label{color:#b9c4d8 !important;}

/* ---------- tables ---------- */
.spec th,.spec td{border-color:rgba(59,91,255,.30) !important;}
.spec th{background:rgba(36,64,216,.14) !important;color:#f4f6ff !important;}
.spec td{color:#b9c4d8 !important;}
.spec td:first-child{color:#f4f6ff !important;}

/* ---------- misc sections ---------- */
.divider{border-top-color:rgba(59,91,255,.30) !important;}
.rhythm{border-top-color:rgba(59,91,255,.30) !important;
  border-bottom-color:rgba(59,91,255,.30) !important;}
.staging-banner{
  background:rgba(43,255,136,.08) !important;color:#2bff88 !important;
  border-bottom-color:rgba(43,255,136,.30) !important;
}
.legal a{color:#2bff88 !important;border-bottom-color:rgba(43,255,136,.5) !important;}

/* ---------- footer ---------- */
footer.site,footer.fnew,footer,.site-footer{
  background:#020308 !important;
  border-top:4px solid !important;
  border-image:linear-gradient(90deg,#2440d8,#c21336) 1 !important;
}
.fcol h4{color:#2bff88 !important;}
.fbrand{color:#ffffff !important;}
.ftag{color:#2bff88 !important;}
.fcol p,.fcol a,.fsocial a,.fbottom p,.refstrip,footer.site .fine,
.contact-strip{color:#8fa0b5 !important;}
.fcol a:hover,.fsocial a:hover{color:#2bff88 !important;}
.fbottom a,footer.site .fine a,footer a,.refstrip .reflinks a{color:#2bff88 !important;}
.fsocial,.fbottom{border-top-color:rgba(59,91,255,.25) !important;}
.fcol iframe{border-color:rgba(59,91,255,.40) !important;}

/* ---------- music player ---------- */
#angelic-player{background:#04050c !important;border-color:#2bff88 !important;}
#angelic-playbtn{
  background:linear-gradient(135deg,#2440d8,#c21336) !important;color:#ffffff !important;
}
#angelic-prev,#angelic-next,#angelic-min{
  border-color:#2bff88 !important;color:#2bff88 !important;
}
#angelic-track{color:#f4f6ff !important;}
#angelic-buy{color:#2bff88 !important;border-color:#2bff88 !important;}
#angelic-buy:hover{background:#2bff88 !important;color:#04050c !important;}

/* ---------- diagnosis floating tab & banner ---------- */
.diag-float{
  background:linear-gradient(135deg,#0a7c3a,#2bff88) !important;
  box-shadow:0 4px 20px rgba(43,255,136,.45) !important;
}
.diag-banner{background:linear-gradient(90deg,#071022,#3a0a18) !important;}
.diag-banner a{color:#2bff88 !important;}