/* contact.css — auriginal.app/contact
 *
 * Warm cream consumer register (matches the homepage + verify portal). Contact
 * is reached from the consumer footer, so it reads friendly and light.
 * Self-contained tokens; CSP-clean. Decoupled from partnerships.css so the two
 * pages can evolve independently (partnerships stays in the dark register).
 */

:root{
  --brand-primary:#6E1F28; --brand-emphasis:#7A2230;
  --brand-gradient:linear-gradient(135deg,#7A2230 0%,#6E1F28 100%);
  --gold:#C39A52; --teal:#1B8A6B;
  --bg-page:#F7F2E9; --paper:#FFFFFF; --field:#FFFFFF;
  --fg-primary:#241A1C; --fg-secondary:#6E635E; --fg-tertiary:#9B9089; --fg-quaternary:#A89F95;
  --border-default:#E7DDCE; --border-strong:#D8CCB8;
  --status-failure:#C0392B; --status-success:#1B8A6B;
  --radius-card:18px; --radius-input:11px;
  --shadow-card:0 14px 40px rgba(74,42,30,.12);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
  background:
    radial-gradient(1100px 620px at 92% -8%,rgba(195,154,82,.16) 0%,transparent 60%),
    radial-gradient(900px 600px at 2% 4%,rgba(122,34,48,.07) 0%,transparent 58%),
    var(--bg-page);
  background-attachment:fixed;min-height:100vh;
  display:flex;align-items:flex-start;justify-content:center;padding:32px 20px;
  color:var(--fg-primary);line-height:1.55;
}
.container{
  background:linear-gradient(180deg,#FFFFFF 0%,#FBF7F0 100%);
  border:1px solid var(--border-default);border-radius:var(--radius-card);
  box-shadow:var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.7);
  max-width:640px;width:100%;padding:40px 36px;
}

/* header */
.logo{text-align:center;margin-bottom:24px;}
.logo-mark{display:block;width:72px;height:72px;margin:0 auto 12px;}
.logo h1{font-family:'Fraunces',Georgia,'Times New Roman',serif;font-size:42px;font-weight:600;
  letter-spacing:-.025em;color:var(--brand-primary);margin-bottom:8px;}
.logo .tagline{color:var(--fg-tertiary);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;}

.lede{color:var(--fg-secondary);font-size:15px;text-align:center;margin-bottom:26px;line-height:1.55;}

/* form card */
.form-card{
  background:#FBF7F0;border:1px solid var(--border-default);border-radius:var(--radius-input);
  padding:24px 24px;margin-bottom:16px;
}
.form-title{font-size:18px;font-weight:600;color:var(--fg-primary);margin-bottom:6px;}
.form-sub{color:var(--fg-tertiary);font-size:13px;margin-bottom:18px;}

.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.field{margin-bottom:14px;}
.field-row .field{margin-bottom:0;}
.field-label{display:block;font-size:11px;font-weight:600;color:var(--fg-tertiary);
  text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.field input[type="text"],.field input[type="email"],.field textarea{
  display:block;width:100%;background:var(--field);border:1px solid var(--border-strong);
  border-radius:var(--radius-input);color:var(--fg-primary);font-family:inherit;font-size:15px;
  padding:11px 14px;line-height:1.5;
}
.field textarea{resize:vertical;min-height:130px;}
.field input:focus,.field textarea:focus{
  outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(27,138,107,.18);
}

/* honeypot */
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* submit */
.cta-primary{
  display:inline-block;background:var(--brand-gradient);color:#fff;font-size:15px;font-weight:600;
  font-family:inherit;border:none;cursor:pointer;padding:13px 26px;border-radius:var(--radius-input);
  box-shadow:0 6px 16px rgba(110,31,40,.24);transition:filter .15s,box-shadow .15s;
}
.cta-primary:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(110,31,40,.32);}
.cta-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}

/* status */
.form-status{font-size:13px;line-height:1.5;margin-top:14px;min-height:18px;}
.form-status.error{color:var(--status-failure);}
.form-status.success{
  display:block;margin-top:0;padding:18px 22px;background:rgba(27,138,107,.1);
  border:1px solid rgba(27,138,107,.3);border-radius:var(--radius-input);
  color:var(--status-success);font-size:15px;font-weight:500;text-align:center;line-height:1.55;
}
.form-status.success::before{content:'✓ ';font-weight:700;}

/* help + footer */
.help{color:var(--fg-tertiary);font-size:13px;text-align:center;margin-top:22px;line-height:1.6;}
.help a{color:var(--fg-secondary);text-decoration:underline;}
.help a:hover{color:var(--fg-primary);}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:14px;}
.footer-nav a{font-size:13px;color:var(--fg-tertiary);text-decoration:none;}
.footer-nav a:hover{color:var(--brand-primary);text-decoration:underline;}
.page-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border-default);text-align:center;}
.brand{font-size:13px;color:var(--fg-quaternary);}
.brand a{color:var(--fg-tertiary);text-decoration:none;}
.brand a:hover{text-decoration:underline;}

@media (max-width:560px){
  .container{padding:28px 22px;}
  .logo h1{font-size:36px;}
  .field-row{grid-template-columns:1fr;gap:0;}
  .field-row .field{margin-bottom:14px;}
  .cta-primary{width:100%;}
}