:root{--bg:#eef3fb;--surface:#ffffff;--surface-muted:#f4f7fc;--text:#122038;--muted:#52637d;--primary:#2d5fc5;--primary-contrast:#ffffff;--secondary-bg:#dde8f8;--secondary-text:#15366a;--border:#cfdcf0;--shadow:0 18px 44px rgba(26,48,84,0.13)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;padding:clamp(14px,3vw,36px);overflow:hidden}.ambient{position:absolute;filter:blur(40px);border-radius:999px;pointer-events:none}.ambient--one{width:460px;height:460px;left:-180px;top:-120px;background:color-mix(in srgb,var(--primary) 30%,transparent);opacity:.35}.ambient--two{width:520px;height:520px;right:-220px;top:180px;background:color-mix(in srgb,var(--secondary-text) 18%,transparent);opacity:.25}.cta-block,.hero,.section{width:min(1120px,100%);margin:0 auto;position:relative;z-index:1}.hero{background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 93%,white) 0,var(--surface-muted) 100%);border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:30px;padding:clamp(22px,4vw,48px);box-shadow:0 20px 44px color-mix(in srgb,var(--primary) 10%,transparent)}.hero__top{justify-content:space-between;gap:16px;margin-bottom:24px}.brand,.hero__top{display:flex;align-items:center}.brand{gap:12px}.brand__logo{width:58px;height:58px;border-radius:14px;object-fit:cover;border:1px solid var(--border);background:white}.brand__name{margin:0;font-weight:900;letter-spacing:.2px}.brand__tag{margin:2px 0 0;color:var(--muted);font-weight:700}.switch-link{font-weight:800;color:var(--primary);border-bottom:1px dashed color-mix(in srgb,var(--primary) 50%,transparent)}.hero__grid{display:grid;grid-template-columns:1.4fr .9fr;grid-gap:clamp(20px,2.5vw,34px);gap:clamp(20px,2.5vw,34px);align-items:start}.eyebrow{margin:0 0 10px;display:inline-flex;background:color-mix(in srgb,var(--primary) 16%,white);color:var(--primary);font-weight:800;border-radius:999px;padding:7px 12px}h1{margin:0;line-height:1.04;font-size:clamp(34px,6vw,64px);letter-spacing:-.2px}.subtitle{margin:16px 0 0;color:var(--muted);font-size:clamp(18px,2.2vw,24px);line-height:1.45;max-width:760px}.mood-line{margin:14px 0 0;color:color-mix(in srgb,var(--muted) 82%,var(--text));font-weight:800;font-size:clamp(16px,1.8vw,19px)}.preview--media{border-radius:22px;padding:10px;background:color-mix(in srgb,var(--surface) 76%,white);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.preview__main{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}.preview__mini-wrap{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.preview__mini{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block}.actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 24px;font-weight:900;border:1px solid transparent;transition:transform .14s ease,box-shadow .14s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{color:var(--primary-contrast);background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 88%,black),var(--primary));box-shadow:0 14px 28px color-mix(in srgb,var(--primary) 30%,transparent)}.btn--secondary{color:var(--secondary-text);background:var(--secondary-bg);border-color:color-mix(in srgb,var(--secondary-text) 18%,transparent)}.section{margin-top:28px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid color-mix(in srgb,var(--border) 54%,transparent);border-radius:24px;padding:clamp(20px,3.2vw,34px)}.section h2{margin:0 0 16px;font-size:clamp(24px,3.5vw,34px)}.cards{display:grid;grid-gap:14px;gap:14px}.cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:color-mix(in srgb,var(--surface) 82%,white);border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:18px;padding:18px}.card__title{margin:0;font-size:18px;font-weight:900}.card__text{margin:8px 0 0;color:var(--muted);line-height:1.5;font-weight:700}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.step{background:color-mix(in srgb,var(--surface) 84%,white);border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:18px;padding:18px}.step__idx{margin:0;color:var(--primary);font-weight:900;letter-spacing:.6px}.step__title{margin:4px 0 0;font-size:18px;font-weight:900}.step__text{margin:8px 0 0;color:var(--muted);font-weight:700;line-height:1.45}.faq{display:grid;grid-gap:12px;gap:12px}.faq__item{border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:16px;padding:14px 16px;background:color-mix(in srgb,var(--surface) 87%,white)}.faq__item summary{cursor:pointer;list-style:none;font-weight:900}.faq__item p{margin:10px 0 0;color:var(--muted);font-weight:700;line-height:1.45}.cta-block{margin-top:30px;margin-bottom:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 14%,white),color-mix(in srgb,var(--surface) 92%,white));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));border-radius:24px;padding:clamp(20px,2.9vw,34px);box-shadow:0 16px 36px color-mix(in srgb,var(--primary) 14%,transparent)}.cta-block h3{margin:0;font-size:clamp(24px,3vw,34px)}.cta-block p{margin:10px 0 0;max-width:760px;color:var(--muted);font-size:18px;line-height:1.45;font-weight:700}.page--female{--bg:#f8eef5;--surface:#fff7fb;--surface-muted:#fbeff6;--text:#2b1530;--muted:#6a4a67;--primary:#d93c83;--secondary-bg:#f3dfec;--secondary-text:#5c1d3d;--border:#ebd5e3;--shadow:0 18px 44px rgba(113,31,70,0.17)}.page--male{--bg:#eef4fd;--surface:#f9fbff;--surface-muted:#f1f6fe;--text:#122038;--muted:#4d6280;--primary:#2d5fc5;--secondary-bg:#dce8fa;--secondary-text:#173b74;--border:#d0ddf2;--shadow:0 18px 44px rgba(28,57,103,0.17)}.redirect-page{min-height:100vh;padding:24px;display:grid;place-content:center;text-align:center;grid-gap:10px;gap:10px}.redirect-page p{color:var(--muted)}.airy{margin-top:4px}@media (max-width:1020px){.cards--4,.hero__grid,.steps{grid-template-columns:1fr}}@media (max-width:760px){.cta-block,.hero,.section{border-radius:18px}.hero__top{align-items:flex-start}.actions,.hero__top{flex-direction:column}.btn{width:100%}}