/* CREAUS Wellness Center — Coming Soon */
@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfair-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/inter-latin.woff2') format('woff2');font-weight:300 700;font-display:swap}

:root{
  --teal:#3f8496;--teal-deep:#2c6070;--navy:#24525f;--sage:#8ea886;
  --sage-deep:#6f8c6a;--gold:#c7a24c;--gold-soft:#e0c988;--cream:#f7f3ec;
  --ink:#26383d;--muted:#5d6f74;--line:#e3ddd2;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2{font-family:'Playfair Display',Georgia,serif;line-height:1.16;color:var(--navy)}
a{color:inherit}

.cs-wrap{position:relative;min-height:100vh;display:flex;flex-direction:column;
  background:linear-gradient(150deg,#eaf1f2 0%,var(--cream) 60%,#e7ecdf 100%);
  background-image:linear-gradient(150deg,rgba(234,241,242,.6),rgba(247,243,236,.85)),url('assets/img/home-exterior.jpg');
  background-size:cover;background-position:center;background-attachment:fixed}
.cs-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}

.cs-inner{position:relative;flex:1;width:100%;max-width:1140px;margin:0 auto;padding:48px 24px;
  display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}

/* LEFT */
.cs-brand{max-width:560px}
.cs-logo{height:132px;width:auto;margin-bottom:20px;filter:drop-shadow(0 8px 20px rgba(28,64,74,.12))}
.cs-badge{display:inline-block;background:var(--gold);color:#fff;font-weight:700;font-size:.74rem;
  letter-spacing:.18em;text-transform:uppercase;padding:7px 16px;border-radius:50px;margin-bottom:18px}
.cs-brand h1{font-size:clamp(1.9rem,3.6vw,2.9rem);margin-bottom:16px}
.cs-lede{font-size:1.06rem;color:var(--ink);margin-bottom:16px;max-width:520px}
.cs-verse{font-family:'Playfair Display',serif;font-style:italic;color:var(--sage-deep);font-size:1.02rem;
  padding-left:16px;border-left:3px solid var(--gold);margin-bottom:22px}
.cs-points{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:24px}
.cs-points li{display:flex;align-items:center;gap:9px;font-size:.94rem;font-weight:500;color:var(--teal-deep)}
.cs-points span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:var(--sage);color:#fff;font-size:.72rem;flex-shrink:0}
.cs-contact{display:flex;flex-wrap:wrap;gap:16px;font-size:.92rem;color:var(--muted)}
.cs-contact a{color:var(--teal-deep);text-decoration:none;font-weight:600}
.cs-contact a:hover{text-decoration:underline}

/* RIGHT — form card */
.cs-card{background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border:1px solid var(--line);
  border-radius:20px;padding:34px 32px;box-shadow:0 30px 70px -30px rgba(28,64,74,.5)}
.cs-card h2{font-size:1.6rem;margin-bottom:6px}
.cs-card-sub{color:var(--muted);font-size:.94rem;margin-bottom:20px}
.cs-card label{display:block;font-size:.82rem;font-weight:600;color:var(--navy);margin-bottom:14px}
.cs-card label span{color:#c0483c}
.cs-card label em{font-weight:400;color:var(--muted);font-style:normal}
.cs-card input,.cs-card select,.cs-card textarea{width:100%;margin-top:6px;padding:11px 13px;
  border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--ink);transition:.18s}
.cs-card input:focus,.cs-card select:focus,.cs-card textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(63,132,150,.14)}
.cs-card textarea{resize:vertical}
.cs-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cs-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cs-card button{width:100%;margin-top:6px;background:var(--teal-deep);color:#fff;border:0;
  padding:14px;border-radius:50px;font-family:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:.2s}
.cs-card button:hover{background:var(--navy);transform:translateY(-1px)}
.cs-privacy{font-size:.76rem;color:var(--muted);text-align:center;margin-top:12px}
.cs-errors{background:#fbeae7;color:#c0483c;border:1px solid #f0c8c1;border-radius:10px;padding:10px 14px;margin-bottom:16px;font-size:.9rem}
.cs-errors div{margin:2px 0}

/* success */
.cs-success{text-align:center;padding:14px 4px}
.cs-check{width:70px;height:70px;border-radius:50%;background:#e7f5ec;color:#2f9e5f;
  display:grid;place-items:center;font-size:2rem;margin:0 auto 16px}
.cs-success h2{font-size:1.7rem;margin-bottom:10px}
.cs-success p{color:var(--muted);margin-bottom:10px}
.cs-small{font-size:.86rem}
.cs-small a{color:var(--teal-deep);font-weight:600}

.cs-foot{position:relative;text-align:center;padding:18px;font-size:.82rem;color:var(--muted);
  background:rgba(255,255,255,.6);border-top:1px solid var(--line)}

@media(max-width:880px){
  .cs-wrap{background-attachment:scroll}
  .cs-inner{grid-template-columns:1fr;gap:32px;padding:36px 20px}
  .cs-logo{height:104px}
  .cs-points{grid-template-columns:1fr}
}
@media(max-width:480px){
  .cs-row{grid-template-columns:1fr}
}