/* Offers extend the main Fyndoro site's navy, blue and violet design. */
.deals-header .header-controls { display:flex; align-items:center; gap:10px; margin-inline-start:10px; }
.deals-header .header-controls label { color:var(--muted); font-size:.75rem; font-weight:700; }
.deals-header .header-controls select { max-width:150px; min-height:39px; padding:7px 27px 7px 10px; border:1px solid #42618b; border-radius:9px; background:#14263b; color:var(--text); font:inherit; font-size:.8rem; }

.deals-hero { overflow:hidden; background:radial-gradient(ellipse at 75% -10%,rgba(46,88,154,.26),transparent 55%); }
.deals-hero-grid { display:grid; grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr); gap:clamp(36px,5vw,78px); align-items:center; padding-block:clamp(76px,9vw,130px) clamp(86px,10vw,138px); }
.deals-hero h1,.topics-section h2,.signup-section h2,.availability-section h2 { font-family:inherit; font-weight:780; letter-spacing:-.055em; line-height:1.1; }
.deals-hero h1 { max-width:680px; margin:23px 0 25px; font-size:clamp(3.9rem,5.75vw,5.8rem); }
.deals-hero h1 em { display:block; background:linear-gradient(105deg,#8bb9ff,#bb99ff 86%); background-clip:text; -webkit-background-clip:text; color:transparent; font-style:normal; }
.deals-lead { max-width:580px; margin:0 0 25px; color:#b5c5d9; font-size:1.12rem; line-height:1.72; }
.prelaunch-note { display:inline-block; margin:0 0 24px; padding:8px 12px; border:1px solid #647a9b; border-radius:9px; background:#192c43; color:#ffcf87; font-size:.77rem; font-weight:700; }
.prelaunch-note[hidden],.confirmation-note[hidden],.turnstile-container[hidden] { display:none; }
.confirmation-note { max-width:590px; margin:0 0 23px; padding:12px 15px; border-inline-start:3px solid #8bb9ff; border-radius:7px; background:#1b324e; color:#e6f0ff; font-size:.88rem; line-height:1.5; }
.hero-fine { margin:17px 0 0; color:#9eb2ca; font-size:.78rem; }
.deals-art { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-height:410px; overflow:hidden; padding:18px; border:1px solid #3a5677; border-radius:20px; background:radial-gradient(circle at 100% 0,rgba(77,115,226,.17),transparent 45%),linear-gradient(150deg,#182d47,#101e30 64%); box-shadow:0 28px 80px rgba(0,0,0,.36),0 0 0 8px rgba(72,112,175,.055); }
.deals-art::before { position:absolute; inset-inline-end:-95px; top:41px; width:230px; height:230px; border:1px solid rgba(139,185,255,.17); border-radius:50%; content:""; pointer-events:none; }
.deals-art-top,.deals-art-bottom { position:relative; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 8px 19px; border-bottom:1px solid #34506b; color:#a9c9ff; font-size:.66rem; font-weight:800; letter-spacing:.14em; }
.deals-art-bottom { padding:19px 8px 8px; border-top:1px solid #34506b; border-bottom:0; color:#9fb3cb; }
.art-star { color:#c2a8ff; font-size:1.5rem; line-height:1; }
.deals-art-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; align-self:center; width:min(100%,305px); min-height:215px; padding:19px 21px; border:1px solid #416389; border-radius:14px; background:linear-gradient(145deg,#1f3d62,#172b49); box-shadow:0 18px 38px rgba(2,9,18,.3); color:#e8f0fc; }
.art-card-top,.art-card-bottom { color:#a9c9ff; font-size:.65rem; font-weight:800; letter-spacing:.14em; }
.art-card-mark { align-self:center; color:#b6a0ff; font-size:4.5rem; line-height:1; }
.art-card-lines { display:flex; flex-direction:column; gap:6px; }
.art-card-lines i { width:75%; height:5px; border-radius:10px; background:#5579a7; }
.art-card-lines i:nth-child(2) { width:94%; }
.art-card-lines i:nth-child(3) { width:48%; }
.art-card-bottom { text-align:end; }

.intro-band { border-block:1px solid rgba(86,133,192,.16); background:var(--section); }
.intro-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-block:34px; }
.intro-grid p { display:flex; align-items:flex-start; gap:16px; min-width:0; margin:0; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--panel); color:var(--muted); font-size:.87rem; line-height:1.5; }
.intro-grid strong { display:grid; flex:none; place-items:center; width:35px; height:35px; border:1px solid #446a9d; border-radius:9px; background:#203c60; color:#9cc4ff; font-size:.79rem; }
.topics-section { display:grid; grid-template-columns:1fr .72fr; gap:9%; align-items:center; padding-block:clamp(78px,8.5vw,112px); }
.topics-section h2,.signup-section h2,.availability-section h2 { margin:14px 0 22px; font-size:clamp(2.55rem,4.2vw,4.25rem); }
.section-copy>p:last-child,.availability-copy>p:last-child { max-width:590px; color:var(--muted); font-size:1.04rem; }
.topic-preview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.topic-preview span { padding:23px 15px; border:1px solid var(--line); border-radius:12px; background:var(--panel); color:#bed2ee; font-size:.71rem; font-weight:750; letter-spacing:.08em; text-align:center; }
.topic-preview span:nth-child(2),.topic-preview span:nth-child(5) { background:#172943; }
.topic-preview span:last-child { border-color:#595cab; background:#242849; color:#c0acff; }

.signup-section { padding-block:clamp(78px,8.5vw,112px); border-block:1px solid rgba(86,133,192,.16); background:var(--section); }
.signup-grid { display:grid; grid-template-columns:minmax(260px,.82fr) minmax(0,1fr); gap:9%; align-items:start; }
.signup-copy { padding-top:7px; }
.signup-copy>p:not(.eyebrow) { max-width:425px; color:var(--muted); line-height:1.75; }
.signup-copy .signup-disclosure { margin-top:34px; padding-top:21px; border-top:1px solid #34506b; font-size:.82rem; }
.signup-form { padding:37px 40px 33px; border:1px solid #3a5677; border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(77,115,226,.12),transparent 45%),var(--panel); box-shadow:0 22px 62px rgba(2,9,18,.26); color:var(--text); }
.form-kicker { margin:0 0 20px; color:#91b9f6; font-size:.7rem; font-weight:800; letter-spacing:.14em; }
.form-field { display:flex; flex-direction:column; gap:9px; margin-bottom:22px; }
.form-field label,.interest-field legend { color:#e8f0fc; font-size:.9rem; font-weight:750; }
.form-field input,.form-field select { width:100%; min-height:49px; padding:13px 14px; border:1px solid #486482; border-radius:9px; background:#0c1b2c; color:var(--text); font:inherit; font-size:.95rem; }
.form-field input::placeholder { color:#94aac7; opacity:1; }
.form-field select option { background:#111e30; color:#e8f0fc; }
.form-field input:focus-visible,.form-field select:focus-visible,.deals-header select:focus-visible,.interest-grid input:focus-visible,.consent-field input:focus-visible,.signup-form button:focus-visible { outline:3px solid #9fc2ff; outline-offset:3px; }
.form-field small { color:var(--muted); font-size:.77rem; line-height:1.5; }
.interest-field { margin:0 0 19px; padding:0; border:0; }
.interest-field legend { margin-bottom:13px; padding:0; }
.interest-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.interest-grid label { position:relative; display:block; cursor:pointer; }
.interest-grid input { position:absolute; z-index:1; inset-inline-start:13px; top:14px; width:17px; height:17px; margin:0; accent-color:#8ab9f9; }
.interest-grid label span { display:block; min-height:44px; padding:11px 12px 11px 39px; border:1px solid #344c68; border-radius:9px; background:#0d1b2d; color:#c7d7eb; font-size:.8rem; line-height:1.3; }
.interest-grid input:checked+span { border-color:#79a7ff; background:#203d63; color:#f3f7ff; font-weight:750; }
.interest-grid label:hover span { border-color:#79a7ff; }
.interest-grid input:focus-visible+span { outline:3px solid #9fc2ff; outline-offset:3px; }
.consent-field { margin-top:26px; padding-top:20px; border-top:1px solid #34506b; }
.consent-field label { display:flex; align-items:flex-start; gap:12px; color:var(--muted); cursor:pointer; font-size:.78rem; line-height:1.55; }
.consent-field input { flex:none; width:18px; height:18px; margin:2px 0 0; accent-color:#8ab9f9; }
.consent-field a { color:#a9cbff; text-underline-offset:3px; }
.turnstile-container { min-height:65px; margin-block:19px; }
.signup-button { width:100%; margin-top:24px; cursor:pointer; }
.signup-button:disabled { border-color:#48617e; background:#29415f; box-shadow:none; color:#d2dfef; cursor:not-allowed; }
.signup-button:disabled:hover { filter:none; transform:none; }
.form-status { min-height:1.4em; margin:14px 0 0; color:var(--muted); font-size:.78rem; }
.form-status[data-kind="error"] { color:#ffb6af; font-weight:700; }
.form-status[data-kind="success"] { color:#8ce5c3; font-weight:700; }
.form-fine { margin:17px 0 0; color:#a3b5cb; font-size:.72rem; line-height:1.55; }

.availability-section { display:grid; grid-template-columns:1.1fr .5fr; gap:10%; align-items:center; padding-block:clamp(78px,8.5vw,112px); }
.availability-copy h2 { max-width:800px; }
.availability-symbol { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:17px; height:240px; border:1px solid #3a5677; border-radius:16px; background:radial-gradient(circle at 90% 0,rgba(112,85,235,.19),transparent 48%),var(--panel); color:#bba4ff; font-size:5.5rem; line-height:1; }
.availability-symbol span { color:#a9c9ff; font-size:.64rem; font-weight:800; letter-spacing:.14em; text-align:center; }
html[dir="rtl"] .interest-grid label span { padding-inline-start:39px; padding-inline-end:12px; }
@media(max-width:960px) {
  .deals-hero-grid { grid-template-columns:1fr; gap:52px; padding-block:74px 94px; }
  .deals-art { width:min(100%,720px); }
  .topics-section,.signup-grid { gap:5%; }
}
@media(max-width:700px) {
  .deals-header .header-controls { margin-inline-start:auto; }
  .deals-header .header-controls select { max-width:140px; }
  .deals-header nav { order:3; flex-basis:100%; }
  .deals-hero-grid { gap:37px; padding-block:57px 80px; }
  .deals-hero h1 { margin:20px 0; font-size:clamp(3.35rem,13vw,5rem); }
  .deals-lead { font-size:1.02rem; }
  .deals-art { min-height:300px; padding:13px; border-radius:16px; }
  .deals-art-card { width:230px; min-height:180px; padding:14px; }
  .art-card-mark { font-size:3.8rem; }
  .intro-grid { grid-template-columns:1fr; gap:14px; padding-block:25px; }
  .topics-section,.signup-grid,.availability-section { grid-template-columns:1fr; }
  .signup-grid { gap:30px; }
  .topics-section,.availability-section { gap:35px; padding-block:73px; }
  .topics-section h2,.signup-section h2,.availability-section h2 { font-size:clamp(2.35rem,9vw,3.35rem); }
  .topic-preview { max-width:500px; }
  .signup-section { padding-block:73px; }
  .signup-form { padding:29px 22px 25px; }
  .availability-symbol { max-width:360px; height:180px; }
}
@media(max-width:360px) {
  .interest-grid { grid-template-columns:1fr; }
  .deals-header .header-controls { flex-wrap:wrap; }
}