/* Page-specific styles. Shared design tokens and responsive fixes are in base.css. */

:root{--navy:#1b2d5e;--navy-dark:#0f1a38;--gold:#c49a3c;--gold-light:#d4b060;--slate:#4a5568;--mist:#f6f8fb;--rule:#dde4ee}
  *{box-sizing:border-box}
  body{font-family:'Inter',Segoe UI,Arial,sans-serif;margin:0;background:var(--mist);color:var(--slate);-webkit-font-smoothing:antialiased}
  nav{background:white;border-bottom:1px solid var(--rule)}
  .nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}
  .nav-logo{font-family:'Playfair Display',serif;color:var(--navy);letter-spacing:.18em;font-size:1.2rem}
  .nav-links{display:flex;gap:1.6rem;align-items:center}
  .nav-links a{font-size:.86rem;color:var(--slate);text-decoration:none}
  .nav-btn{background:var(--gold);color:var(--navy);padding:.45rem .85rem;border-radius:4px;text-decoration:none;font-weight:600}
  .container{max-width:1100px;margin:4rem auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}
  h1{font-family:'Playfair Display',serif;font-size:2.1rem;margin:0 0 1rem;color:var(--navy)}
  .intro{padding:2.2rem;background:white;border-radius:6px}
  .form-wrap{background:white;padding:2.2rem;border-radius:6px;box-shadow:0 8px 30px rgba(15,26,56,.04)}
  label{display:block;font-size:.86rem;margin-bottom:.45rem;color:var(--slate);font-weight:500}
  input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--rule);border-radius:6px;margin-bottom:1rem;font-size:.94rem;background:white;color:var(--navy)}
  textarea{min-height:110px}
  input[type=checkbox]{width:auto;margin:0;flex:none;accent-color:var(--navy)}
  .row{display:flex;gap:1rem}
  .row .col{flex:1}
  .submit{background:var(--navy);color:var(--gold);border:none;padding:.95rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:600}
  .note{font-size:.9rem;color:#6b7685}
  .submit:disabled{opacity:.6;cursor:wait}
  .form-status{font-size:.9rem;margin:1rem 0 0;min-height:1.2em}
  .form-status.ok{color:#2f7a3e}
  .form-status.err{color:#b23b3b}
  @media(max-width:900px){.container{grid-template-columns:1fr;gap:1.2rem}.row{flex-direction:column}}