/* Match Tender — ivory, rose and wine. Shared by every page of this WL. */
:root { --mt-ink:#472630; --mt-wine:#722b43; --mt-rose:#ba6a7c; --mt-paper:#faf7f2; --mt-blush:#f0dfe0; --mt-line:#e7dcd5; --mt-muted:#75636a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { background:var(--mt-paper); color:var(--mt-ink); font-family:Arial,Helvetica,sans-serif; font-size:15px; }
span,a,button,p,li,input,select,textarea { font-family:inherit; }
button { cursor:pointer; }
a { color:var(--mt-wine); }
button,a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--mt-rose); outline-offset:5px; }
.container { width:calc(100% - 64px); max-width:1200px; }
#header { max-width:1328px; min-height:106px; margin:auto; padding:24px 48px; justify-content:space-between; gap:24px; }
#header .logo img { display:block; width:224px; max-width:100%; height:44px; object-fit:contain; filter:none; }
#header .sign-up { position:static; transform:none; align-items:center; gap:10px; }
#header .sign-up .login { color:var(--mt-ink); border:0; background:none; font-size:14px; margin:0; padding:12px 15px; }
#header .sign-up .register { background:var(--mt-wine); color:white; border:0; padding:14px 25px; border-radius:30px; font-size:14px; }
.mt-nav { display:flex; gap:30px; align-items:center; }
.mt-nav a { text-decoration:none; font-size:13px; color:var(--mt-muted); }
.mt-nav a:hover { color:var(--mt-wine); }
.mt-shell { max-width:1200px; width:calc(100% - 96px); margin:auto; }
.mt-hero { display:grid; grid-template-columns:1.04fr 1fr; gap:65px; align-items:center; padding:37px 0 65px; }
.mt-eyebrow { display:flex; align-items:center; gap:12px; font-size:11px; font-weight:600; letter-spacing:2px; line-height:1.6; text-transform:uppercase; }
.mt-eyebrow::before { content:''; display:block; width:28px; height:1px; background:currentColor; }
.mt-hero h1 { color:var(--mt-ink); font:normal clamp(46px,4.7vw,68px)/1.08 Georgia,'Times New Roman',serif; letter-spacing:-2.5px; margin:25px 0; }
.mt-hero h1 em { color:var(--mt-rose); font-weight:normal; }
.mt-hero .mt-intro { color:var(--mt-muted); font-size:16px; line-height:1.8; max-width:380px; }
.mt-button { display:inline-flex; align-items:center; justify-content:center; gap:35px; border:1px solid var(--mt-wine); border-radius:32px; background:var(--mt-wine); color:white; font-size:14px; padding:18px 27px; text-decoration:none; transition:background .2s,transform .2s; }
.mt-button:hover,#header .register:hover { background:#542034; transform:translateY(-1px); }
.mt-hero .mt-button { margin:30px 0 17px; }
.mt-arrow { font-size:21px; line-height:1; }
.mt-small { color:var(--mt-muted); font-size:11px; letter-spacing:.2px; }
.mt-visual { position:relative; margin:0 16px 0 0; padding:12px; border:1px solid #d7bab8; border-radius:250px 250px 26px 26px; }
.mt-visual>img { display:block; width:100%; height:540px; object-fit:cover; border-radius:240px 240px 17px 17px; }
.mt-note { position:absolute; left:-36px; bottom:38px; display:flex; align-items:center; gap:16px; padding:20px 23px; background:var(--mt-paper); border:1px solid var(--mt-line); border-radius:4px; box-shadow:0 8px 24px #45202c0a; transform:rotate(-4deg); }
.mt-note img { width:39px; height:39px; }
.mt-note p { font:italic 21px/1.25 Georgia,serif; }
.mt-caption { position:absolute; right:-38px; bottom:95px; writing-mode:vertical-rl; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:var(--mt-muted); }
.mt-values { border-top:1px solid var(--mt-line); border-bottom:1px solid var(--mt-line); display:flex; justify-content:space-between; padding:25px 30px; gap:20px; }
.mt-values p { display:flex; gap:12px; align-items:center; color:var(--mt-muted); font-size:13px; }
.mt-values b { color:var(--mt-rose); font-size:18px; font-weight:normal; }
.mt-how { padding:90px 0 85px; }
.mt-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin-bottom:45px; }
.mt-section-heading h2,.mt-approach h2,.mt-invitation h2 { font:normal 45px/1.14 Georgia,serif; letter-spacing:-1px; color:var(--mt-ink); }
.mt-section-heading .mt-eyebrow { margin-bottom:18px; }
.mt-section-heading>p { max-width:310px; color:var(--mt-muted); line-height:1.8; font-size:14px; }
.mt-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:45px; }
.mt-step { border-top:1px solid var(--mt-line); padding-top:24px; }
.mt-step .mt-number { color:var(--mt-rose); font:italic 29px Georgia,serif; }
.mt-step h3 { font:normal 24px Georgia,serif; margin:20px 0 12px; }
.mt-step p { color:var(--mt-muted); font-size:14px; line-height:1.8; max-width:305px; }
.mt-approach { background:var(--mt-wine); color:var(--mt-paper); padding:60px 70px; border-radius:5px; display:grid; grid-template-columns:.8fr 1.3fr; align-items:center; gap:70px; position:relative; overflow:hidden; }
.mt-emblem { width:220px; height:220px; padding:53px; border:1px solid #ffffff35; border-radius:50%; margin:auto; position:relative; }
.mt-emblem::after { content:''; position:absolute; inset:-18px; border:1px solid #ffffff18; border-radius:50%; }
.mt-emblem img { width:100%; height:100%; filter:brightness(0) invert(1); opacity:.86; }
.mt-approach h2 { color:var(--mt-paper); margin:20px 0; }
.mt-approach p { color:#ebd6dd; font-size:15px; line-height:1.8; max-width:470px; }
.mt-approach a { color:var(--mt-paper); display:inline-block; margin-top:24px; text-underline-offset:6px; font-size:13px; }
.mt-invitation { text-align:center; padding:90px 0; }
.mt-invitation h2 { margin-bottom:15px; }
.mt-invitation p { color:var(--mt-muted); line-height:1.7; margin-bottom:25px; }
footer { background:#eee5dd; margin-top:0; }
footer .footer-wrapper { padding:42px 0; gap:30px; }
footer .footer-wrapper h4 { margin:0 0 12px; }
footer .footer-wrapper h6,footer .footer-wrapper a { color:var(--mt-muted); font-size:11px; line-height:1.7; }
footer .footer-wrapper .menu { display:flex; flex-wrap:wrap; gap:14px; }
footer .footer-wrapper a { padding:0; margin:0; text-decoration:none; }
.mt-footer-logo { width:195px; height:auto; display:block; }
/* Account forms and informational pages share the same brand. */
.home { padding-top:35px; }
.home h2 { color:var(--mt-ink); font:normal 42px/1.2 Georgia,serif; text-align:center; }
.home .unlock-possibilities,.swipe-spark,.conversations { background-image:none; }
.home .unlock-possibilities .box-border { background:var(--mt-blush); border-radius:22px; }
.home .unlock-possibilities .box-container { border-radius:14px; background:#fffdfa; }
.home .unlock-possibilities .box-container h5 { color:var(--mt-ink); font-family:Georgia,serif; }
.modal { border:1px solid var(--mt-line); border-radius:20px; background:#fffdfa; color:var(--mt-ink); }
.mt-landing .modal { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% - 32px); max-height:90dvh; overflow:auto; padding:35px; }
.modal .title h5 { font:normal 30px Georgia,serif; }
.modal .form input,.modal .form select { border-color:var(--mt-line); border-radius:9px; font-size:15px; }
.modal .button-wrapper button { background:var(--mt-wine); color:white; border-radius:30px; }
.modal .forgot-password { color:var(--mt-wine); }
.modal .form input:focus,.modal .form select:focus { outline:2px solid var(--mt-rose); }
.mt-landing .background-overlay { position:fixed; inset:0; background:#34121e80; backdrop-filter:blur(3px); }
body .partner-results .info .name { color:var(--mt-ink); font-family:Georgia,serif; }
body .partner-results .info a { color:var(--mt-muted); }
body .partner-results .info-action a { background:var(--mt-wine); color:white; }
body #user_email { color:var(--mt-wine); }
.contact-us .title,.safe-dating .title { color:var(--mt-ink); }
body .content { background:var(--mt-paper); }
body .content h1,body .contact-wrapper h1 { color:var(--mt-ink); font:normal 46px/1.2 Georgia,serif; }
body .content h4 { color:var(--mt-ink); }
body .content p,body .content li,body .content h6 { color:var(--mt-muted); }
body .contact-wrapper .form button { background:var(--mt-wine); }
body .contact-wrapper .form input,body .contact-wrapper .form textarea { border-radius:9px; font-family:inherit; }
:root { --cc-bg:#fffdfa; --cc-text:#472630; --cc-btn-primary-bg:#722b43; --cc-btn-primary-hover-bg:#542034; --cc-btn-secondary-bg:#f0dfe0; --cc-btn-secondary-text:#472630; }
@media(max-width:1000px) {
  #header { padding:22px 32px; } .mt-nav { gap:18px; } .mt-nav a { font-size:12px; }
  .mt-shell { width:calc(100% - 64px); } .mt-hero { gap:35px; } .mt-hero h1 { font-size:53px; }
  .mt-visual>img { height:470px; } .mt-note { left:-20px; padding:17px; } .mt-note p { font-size:18px; }
  .mt-values { padding:24px 0; } .mt-values p { font-size:12px; } .mt-approach { padding:50px 35px; gap:40px; }
}
@media(max-width:760px) {
  #header { min-height:83px; padding:20px 22px; gap:12px; } #header .logo img { width:174px; height:35px; }
  #header .sign-up { position:static; right:auto; transform:none; gap:0; }
  #header .sign-up .login { padding:10px 3px; margin:0; font-size:12px; } #header .sign-up .register { display:none; }
  .mt-nav { display:none; } .mt-shell,.container { width:calc(100% - 44px); }
  .mt-hero { grid-template-columns:1fr; gap:38px; padding:35px 0 40px; }
  .mt-hero h1 { font-size:54px; margin:22px 0; letter-spacing:-2px; }
  .mt-hero .mt-intro { font-size:15px; max-width:360px; } .mt-hero .mt-button { margin-top:24px; }
  .mt-eyebrow { font-size:9px; letter-spacing:1.6px; } .mt-visual { margin:0 14px 12px 8px; padding:9px; }
  .mt-visual>img { height:420px; } .mt-note { left:-17px; bottom:25px; } .mt-caption { right:-30px; font-size:8px; }
  .mt-values { padding:20px 0; flex-wrap:wrap; justify-content:center; column-gap:22px; row-gap:13px; }
  .mt-how { padding:60px 0; } .mt-section-heading { display:block; margin-bottom:30px; }
  .mt-section-heading h2,.mt-approach h2,.mt-invitation h2 { font-size:35px; }
  .mt-section-heading>p { margin-top:22px; max-width:100%; } .mt-steps { grid-template-columns:1fr; gap:26px; }
  .mt-step { position:relative; padding-left:48px; } .mt-step .mt-number { position:absolute; left:0; top:25px; }
  .mt-step h3 { margin:2px 0 12px; } .mt-step p { max-width:100%; }
  .mt-approach { grid-template-columns:1fr; padding:38px 27px; gap:40px; }
  .mt-emblem { width:145px; height:145px; padding:32px; margin:10px auto; }
  .mt-invitation { padding:60px 0; } footer .footer-wrapper { flex-direction:column; align-items:flex-start; padding:32px 0; }
  footer .footer-wrapper .menu { gap:18px; } .home h2 { font-size:32px; }
  .mt-landing .modal { padding:30px 24px; } .modal .title h5 { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .mt-button { transition:none; } }