.page-optin{background: var(--dark-surface)}.optin-hero{--optin-h1: clamp(2.05rem, 4.6vw, 3.6rem);--optin-card: 470px;--spot-size: 560px;position: relative;min-height: 100vh;min-height: 100svh;overflow: hidden;background: var(--dark-surface);color: var(--white);display: grid;grid-template-columns: 1.05fr var(--optin-card);grid-template-areas: "txt card";align-items: center;gap: var(--space-10);padding: var(--section-padding-y) var(--side-padding);max-width: none}.optin-hero__spot{position: absolute;inset: 0;z-index: var(--z-base);pointer-events: none;background: radial-gradient(
    var(--spot-size) circle at var(--spot-x, 52%) var(--spot-y, 42%),
    rgba(255, 239, 54, 0.30) 0%,
    rgba(255, 239, 54, 0.10) 32%,
    transparent 62%
  );transition: background 120ms linear}.optin-hero__text{grid-area: txt;position: relative;z-index: var(--z-raised)}.optin-hero__kicker{font-size: var(--text-xs);font-weight: var(--weight-extrabold);letter-spacing: var(--tracking-wider);text-transform: uppercase;color: var(--accent);margin-bottom: var(--space-3)}.optin-hero__title{font-family: var(--font-heading);font-size: var(--optin-h1);font-weight: var(--weight-extrabold);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);margin-bottom: var(--space-4)}.optin-hero__sub{font-size: var(--text-lg);line-height: var(--leading-normal);color: var(--text-on-dark-muted);max-width: 44ch}.optin-hero__list{list-style: none;display: grid;gap: var(--space-4);margin-top: var(--space-7);padding: 0}.optin-hero__list li{display: flex;gap: var(--space-3);align-items: flex-start;line-height: var(--leading-snug);color: rgba(255, 255, 255, 0.82)}.optin-hero__num{flex: 0 0 auto;width: 24px;height: 24px;margin-top: 2px;border-radius: var(--radius-pill);background: var(--accent);color: var(--primary-500);font-size: var(--text-xs);font-weight: var(--weight-extrabold);display: grid;place-items: center}.optin-hero__figure{position: absolute;left: 40%;top: 0;bottom: 0;width: 31%;z-index: 1;display: grid;place-items: center;pointer-events: none;margin: 0}.optin-hero__figure img{height: 540px;width: auto;object-fit: contain;object-position: top center;filter: grayscale(0.35) contrast(1.06);-webkit-mask-image: radial-gradient(74% 70% at 50% 40%, #000 54%, transparent 100%);mask-image: radial-gradient(74% 70% at 50% 40%, #000 54%, transparent 100%)}.optin-hero__card{grid-area: card;position: relative;z-index: var(--z-raised);background: rgba(18, 18, 18, 0.82);border: 1px solid rgba(255, 239, 54, 0.55);border-radius: calc(var(--radius) * 2.25);padding: var(--space-8);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);box-shadow: 0 0 0 6px rgba(255, 239, 54, 0.07),0 34px 80px rgba(0, 0, 0, 0.70)}.optin-hero__card-title{font-family: var(--font-heading);font-size: var(--text-xl);font-weight: var(--weight-extrabold);line-height: var(--leading-snug);margin-bottom: var(--space-1)}.optin-hero__card-hint{font-size: var(--text-sm);color: var(--text-on-dark-muted);margin-bottom: var(--space-6)}.optin-form{display: grid;gap: var(--space-3)}.optin-form input{width: 100%;font: inherit;font-size: var(--text-base);color: var(--white);background: rgba(255, 255, 255, 0.08);border: 1px solid var(--border-dark);border-radius: var(--radius);padding: var(--space-4) var(--space-5);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.optin-form input::placeholder{color: rgba(255, 255, 255, 0.50)}.optin-form input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px rgba(255, 239, 54, 0.30)}.optin-form input:user-invalid{border-color: #ff6b6b}.optin-form__submit{font: inherit;font-size: var(--text-lg);font-weight: var(--weight-extrabold);cursor: pointer;border: 0;width: 100%;background: var(--cta-bg);color: var(--cta-text);padding: var(--space-5) var(--space-6);border-radius: var(--radius-pill);transition: transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.optin-form__submit:hover{background: var(--cta-bg-hover);transform: translateY(-2px);box-shadow: 0 10px 26px rgba(255, 239, 54, 0.28)}.optin-form__submit:active{transform: translateY(0)}.optin-form__micro{font-size: var(--text-xs);color: var(--text-on-dark-muted);text-align: center}.optin-form__status{font-size: var(--text-sm);text-align: center;color: var(--accent);min-height: 1.2em}@media (max-width: 900px){.optin-hero{grid-template-columns: 1fr;grid-template-areas: "txt" "fig" "card";align-items: start;gap: var(--space-6);padding: var(--space-10) var(--side-padding) var(--space-12);min-height: 0}.optin-hero__figure{grid-area: fig;position: relative;inset: auto;left: auto;width: auto;height: 230px}.optin-hero__figure img{height: 300px}.optin-hero__card{padding: var(--space-6) var(--space-5)}.optin-hero__sub{max-width: none}}