/* Mind Launch: red light, soft horizons and quiet orbital geometry. */
:root {
  --red: #e43242;
  --lime: #d12738;
  --ink: #09090d;
  --paper: #f5f1f1;
  --muted: #b8b0b5;
  --soft: #101015;
  --line: rgba(243, 226, 231, .14);
  color-scheme: dark;
  background: var(--ink);
  color: var(--paper);
}
body {
  background:
    radial-gradient(ellipse at 8% 28%, rgba(119, 21, 45, .14), transparent 35%),
    radial-gradient(ellipse at 95% 68%, rgba(153, 27, 50, .12), transparent 35%),
    #09090d;
  overflow-x: clip;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .32;
  background-image:
    radial-gradient(circle at 18px 37px, #fff 0 .6px, transparent 1px),
    radial-gradient(circle at 136px 108px, #e9a2b0 0 .6px, transparent 1.1px),
    radial-gradient(circle at 69px 173px, #fff 0 .45px, transparent .9px);
  background-size: 317px 283px, 457px 397px, 251px 431px;
}
body > :not(.skip) {position: relative; z-index: 1}
h1, h2, h3, h4 {font-weight: 400}
h2 {letter-spacing: -.045em; line-height: 1.19}
h2 em, h2 span {font-weight: 400}
.section {padding-block: 112px}
.eyebrow, .meta-label {color: #dc8998; font-size: 10px; letter-spacing: .16em; font-weight: 500}
.announcement {background: rgba(255,255,255,.025); border-bottom: 1px solid rgba(255,255,255,.06); color: #c9bcc4; font-size: 9px}
.announcement i {color: #ef8b9d}
.header {background: rgba(9,9,13,.36); border-bottom: 1px solid rgba(255,255,255,.045); backdrop-filter: blur(18px)}
.header-inner {height: 94px}
.brand-type {font-weight: 500; font-size: 20px}
.brand-type small {color: #c0b1ba}
.header-cta {color: #e7dce0; padding: 12px 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 50px; background: rgba(255,255,255,.03)}
.header-cta:hover {border-color: #d9778a; color: #fff}
.hero {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 39%, rgba(111,18,41,.19), transparent 55%),
    linear-gradient(180deg, rgba(9,9,13,.2), rgba(9,9,13,.65));
  padding-top: 61px;
  padding-bottom: 112px;
}
.hero::before {
  inset: 0;
  transform: none;
  width: 100%; height: 100%;
  background: radial-gradient(ellipse at 84% 35%, rgba(204,42,68,.11), transparent 38%), radial-gradient(ellipse at 17% 65%, rgba(177,34,58,.08), transparent 40%);
  mask-image: none;
}
.hero-copy {z-index: 2; max-width: 1020px}
.hero .eyebrow {
  color: #e8d4db;
  background: rgba(255,255,255,.035);
  border-color: rgba(234,169,186,.24);
  padding: 10px 18px;
  backdrop-filter: blur(10px);
  font-weight: 400; font-size: 10px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  margin-bottom: 28px;
}
.live-dot {background: #f18595; box-shadow: 0 0 16px rgba(255,118,145,.7); width: 5px; height: 5px}
.hero .event-name {font-size: 13px; font-weight: 500; letter-spacing: .24em; color: #e8cbd4; margin-bottom: 11px}
.hero .audience {font-size: 17px; font-weight: 500; color: #f0e2e7; margin-bottom: 30px}
.hero h1 {font-weight: 400; font-size: clamp(2.8rem,5.3vw,4.65rem); line-height: 1.17; letter-spacing: -.055em; margin-bottom: 30px; text-wrap: balance}
.hero h1 em {
  font-weight: 400;
  color: #efa3b1;
  background: linear-gradient(100deg, #f3d6df 8%, #f3a5b5 53%, #cf485f 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero .intro {max-width: 730px; color: #eee0e6; font-size: 20px; font-weight: 400; line-height: 1.8; text-wrap: pretty}
.hero .intro + .button {margin-top: 38px}
.cosmic-orbit {position: absolute; pointer-events: none; z-index: 0; width: 810px; height: 810px; left: 50%; top: 49%; transform: translate(-50%,-50%); opacity: .65}
.orbit-halo {position: absolute; inset: 20%; border-radius: 50%; background: conic-gradient(from 45deg, transparent 4%, rgba(228,50,66,.08) 22%, rgba(236,78,104,.47) 47%, rgba(228,50,66,.09) 68%, transparent 80%); filter: blur(42px); animation: horizon-drift 30s ease-in-out infinite alternate}
.orbit-core {position: absolute; inset: 22.2%; border-radius: 50%; background: radial-gradient(circle at 70% 30%, rgba(50,16,29,.25), #09090d 78%); box-shadow: 0 0 3px rgba(255,137,166,.4), 0 0 48px rgba(144,23,51,.08)}
.cosmic-orbit svg {position: absolute; inset: 0; width: 100%; height: 100%; stroke: rgba(235,145,167,.18); stroke-width: .65}
.orbit-point {fill: #f2a0b4; stroke: none; filter: drop-shadow(0 0 7px rgba(240,109,141,.8))}
.button {
  background: linear-gradient(120deg, #d42d41, #a9162b);
  color: #fff;
  border: 1px solid rgba(255,154,173,.28);
  box-shadow: 0 8px 36px rgba(177,25,48,.23), inset 0 1px 0 rgba(255,255,255,.13);
  font-weight: 500; padding: 16px 18px 16px 28px;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.button > span {background: rgba(255,255,255,.13); color: #fff; font-size: 17px; border: 1px solid rgba(255,255,255,.2)}
.button:hover {background: linear-gradient(120deg, #e2374c, #b51930); border-color: rgba(255,170,190,.6); box-shadow: 0 10px 42px rgba(220,40,66,.35); transform: translateY(-2px)}
.cta-note {color: #c8b8c1; font-size: 11px; margin-top: 20px}
.event-strip {background: rgba(255,255,255,.025); border-block: 1px solid rgba(255,255,255,.09); backdrop-filter: blur(18px)}
.strip-inner {padding-block: 32px}
.strip-inner > div {border-color: rgba(255,255,255,.12); gap: 10px}
.strip-inner strong {color: #f2e7ed; font-size: 21px; font-weight: 400}
.strip-inner > div > span:last-child {color: #bfb2bb; font-size: 12px}
.problem h2 span, .fit h2 span {color: #e8a4b5}
.problem-copy p, .section-heading > p, .host-copy p {color: #c1b9c0; font-size: 16px; line-height: 1.85}
.problem-copy strong, .host-copy strong {color: #f0e3e9; font-weight: 600}
.method {background: linear-gradient(180deg, rgba(15,13,20,.65), rgba(29,14,24,.3), transparent); color: var(--paper); border-top: 1px solid rgba(255,255,255,.07)}
.method .eyebrow, .fit .eyebrow, .registration .eyebrow {color: #dc8998}
.method .section-heading h2 em {color: #dbc4ce}
.method-rows {gap: 22px}
.method-row {
  position: relative;
  background: linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.012));
  border: 1px solid rgba(230,175,197,.17); border-radius: 22px;
  padding: 34px 28px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 20px 60px rgba(0,0,0,.12);
  backdrop-filter: blur(12px);
}
.method-row::before {content: ''; position: absolute; top: -1px; left: 20%; right: 20%; height: 1px; background: linear-gradient(90deg, transparent, rgba(240,163,187,.55), transparent)}
.method-row:hover {border-color: rgba(232,139,171,.4); transform: translateY(-4px)}
.method-row:nth-child(2) {background: linear-gradient(145deg, rgba(164,44,74,.15), rgba(255,255,255,.02))}
.step-number {background: rgba(205,53,86,.1); color: #efacbc; border: 1px solid rgba(230,129,155,.25); font-size: 10px; padding: 8px 13px}
.step-title h3 {font-weight: 400; font-size: 29px; color: #f2d8e2}
.method-row h4 {font-weight: 400; font-size: 21px; line-height: 1.5; color: #f2e9ed}
.method-row p {color: #bfb3bd; font-size: 14px; line-height: 1.85}
.takeaway {color: #d6879e; border-color: rgba(255,255,255,.12); padding-top: 21px}
.takeaway > span {color: #e9dce3; font-size: 13px; font-weight: 400; line-height: 1.65}
.method-bottom {margin-top: 39px}
.method-bottom p {color: #bfb3bd}
.method-bottom strong {color: #f2e9ed}
.fit {
  position: relative;
  background: radial-gradient(ellipse at 3% 50%, rgba(146,33,60,.17), transparent 55%), linear-gradient(110deg, rgba(27,13,23,.35), rgba(11,11,17,.5));
  border-block: 1px solid rgba(255,255,255,.07);
}
.fit-list {border-color: rgba(255,255,255,.12)}
.fit-list li {font-size: 15px; color: #cfc1ca; border-color: rgba(255,255,255,.12); padding-block: 23px}
.fit-list li::before {color: #e592aa; font-size: 13px}
.proof {background: transparent}
.stars {color: #e29aad; font-size: 17px; letter-spacing: .18em}
.review-mark strong {font-size: 14px; color: #e4d7de}
.review-mark a {color: #beb1bb; font-size: 12px}
.quotes {gap: 22px}
.quotes figure {display: flex; flex-direction: column; padding: 31px 27px; border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(12px)}
.quotes figure::before {content: '“'; font: 400 54px/.7 Georgia,serif; color: #d87996; margin: 8px 0 21px}
.quotes blockquote {font-weight: 400; font-size: 20px; line-height: 1.6; color: #e9dce4; margin-bottom: 30px}
.quotes figcaption {margin-top: auto}
.quotes figcaption strong {color: #e5d4dd; font-size: 13px}
.quotes figcaption span, .proof-note {color: #b5a7b2; font-size: 11px}
.host {border-top: 1px solid rgba(255,255,255,.08)}
.host-photo {border-radius: 28px; border: 1px solid rgba(225,167,192,.24); background: #161017; box-shadow: 0 0 75px rgba(172,42,75,.13)}
.host-photo::after {content: ''; position: absolute; inset: 0; background: linear-gradient(170deg, rgba(203,60,93,.08), transparent 40%, rgba(18,9,20,.25)); pointer-events: none}
.host-photo figcaption {z-index: 1; padding-top: 70px; background: linear-gradient(transparent, rgba(10,8,15,.93)); color: #eedbe5}
.host h2 {font-weight: 400}
.host h2 em {color: #e5adbf}
.host-role {color: #db9db2; font-weight: 400; margin-bottom: 27px}
.signature {color: #ecc4d5; font-weight: 400; font-style: italic}
.registration {
  isolation: isolate; overflow: hidden;
  background: radial-gradient(ellipse at 50% 105%, rgba(160,28,58,.25), transparent 63%), rgba(9,9,15,.45);
  border-block: 1px solid rgba(255,255,255,.09);
}
.registration::before {content: ''; position: absolute; width: 820px; height: 820px; border-radius: 50%; left: 50%; bottom: -680px; transform: translateX(-50%); border: 1px solid rgba(231,108,146,.4); box-shadow: 0 -14px 60px rgba(187,43,81,.18); pointer-events: none; z-index: -1}
.registration h2 {font-weight: 400; font-size: clamp(2.4rem,4.6vw,3.75rem); text-wrap: balance}
.registration h2 span {color: #e6a8bc}
.registration-inner > p:not(.eyebrow):not(.registration-status) {color: #d4c4ce; font-size: 17px}
.registration-details {max-width: 550px; margin: 34px auto; padding: 23px 20px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; backdrop-filter: blur(10px)}
.registration-details strong {font-weight: 400; font-size: 21px; color: #f0e2eb}
.registration-details span {color: #c9b8c4; font-size: 14px}
.registration-status {color: #c5b3c1; font-size: 12px}
.closing-banner {background: radial-gradient(ellipse at 50% -40%, rgba(224,69,108,.39), transparent 72%), linear-gradient(125deg, #28101d, #4c1529 45%, #180f1a); padding-block: 94px; border-bottom: 1px solid rgba(244,171,202,.12)}
.closing-banner .eyebrow, .closing-note {color: #dfb3c5}
.closing-banner h2 {font-weight: 400; color: #f3e6ee}
.closing-banner h2 em {color: #f1bdcf; font-weight: 400; font-style: normal}
.closing-banner .button {background: rgba(255,255,255,.07); color: #fff; border: 1px solid rgba(255,212,232,.4); backdrop-filter: blur(15px); box-shadow: inset 0 1px 0 rgba(255,255,255,.1)}
.closing-banner .button > span {background: rgba(255,255,255,.15); color: #fff}
.closing-banner .button:hover {background: rgba(255,255,255,.13); box-shadow: 0 8px 32px rgba(217,93,137,.14)}
.closing-note {font-size: 11px}
.faq h2 {font-weight: 400; font-size: clamp(2rem,3.5vw,2.75rem)}
.faq details {border-color: rgba(255,255,255,.13)}
.faq summary {font-weight: 400; font-size: 16px; color: #e4d5de}
.faq summary::after {color: #dc91ab}
.faq details p {color: #bfb1bd; font-size: 15px}
footer {background: rgba(5,5,9,.7); border-top: 1px solid rgba(255,255,255,.09)}
.footer-inner {color: #bcb0b8; font-size: 11px}
footer .brand {color: #e6d8e1; font-size: 14px}
footer a:hover {color: #f0aec5}
.skip {background: #f7eef4; color: #101014}
a:focus-visible, summary:focus-visible, button:focus-visible {outline: 2px solid #f2b9ce; outline-offset: 6px}
.registration-form-shell {color-scheme: light}
.registration-form-shell .button {background: linear-gradient(120deg,#d42d41,#a9162b); color: #fff}
@keyframes horizon-drift {from {transform: rotate(-8deg) scale(.97)} to {transform: rotate(13deg) scale(1.06)}}
@media(max-width:1000px) {
  .method-row {padding: 28px 23px}
  .method-row h4 {font-size: 19px}
  .hero h1 {font-size: clamp(2.8rem,5.9vw,4.65rem)}
  .quotes blockquote {font-size: 19px}
}
@media(max-width:740px) {
  .section {padding-block: 72px}
  .header-inner {height: 82px}
  .brand-type {font-size: 17px}
  .header-cta {padding: 10px 12px; font-size: 7px; max-width: 138px}
  .announcement {font-size: 7px; gap: 10px}
  .hero {padding-top: 40px; padding-bottom: 76px}
  .cosmic-orbit {width: 670px; height: 670px; top: 50%; opacity: .5}
  .hero .eyebrow {font-size: 8px; letter-spacing: .06em; padding: 9px 13px; margin-bottom: 26px}
  .hero .event-name {font-size: 11px; letter-spacing: .17em; margin-bottom: 10px}
  .hero .audience {font-size: 14px; margin-bottom: 27px}
  .hero h1 {font-size: clamp(2.2rem,7.7vw,3.4rem); line-height: 1.2; margin-bottom: 27px}
  .hero .intro {font-size: 17px; line-height: 1.85; max-width: 510px}
  .hero .intro + .button {margin-top: 32px}
  .cta-note {font-size: 10px; max-width: 300px; margin: 19px auto 0; line-height: 1.8}
  .strip-inner {padding-block: 6px}
  .strip-inner > div, .strip-inner > div:first-child {padding: 24px 0; gap: 8px; border-color: rgba(255,255,255,.11)}
  .problem h2 {font-size: clamp(2.1rem,7.5vw,2.9rem)}
  .problem-copy p, .section-heading > p, .host-copy p {font-size: 16px}
  .method-row {padding: 30px 27px; gap: 22px}
  .method-row h4 {font-size: 21px}
  .method-row p {font-size: 15px}
  .method-rows {gap: 18px}
  .step-title h3 {font-size: 30px}
  .fit-list li {font-size: 15px}
  .quotes figure {padding: 30px 27px}
  .quotes blockquote {font-size: 21px}
  .host-photo {border-radius: 24px}
  .registration h2 {font-size: clamp(2.05rem,6.8vw,3.1rem)}
  .registration-inner > p:not(.eyebrow):not(.registration-status) {font-size: 16px}
  .registration-details strong {font-size: 20px}
  .registration-details span {font-size: 13px}
  .closing-banner {padding-block: 74px}
  .closing-note {font-size: 10px}
  .faq summary {font-size: 15px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior: auto}
  .orbit-halo {animation: none}
  .button, .method-row {transition: none}
  .button:hover, .method-row:hover {transform: none}
}
@media(forced-colors:active) {
  .hero h1 em {-webkit-text-fill-color: currentColor; background: none}
  body::before, .cosmic-orbit {display: none}
}