/* ============================================================
   Native form pages (In-House Enquiry, Public Registration)
   Uses tokens + .btn from styles.css
   ============================================================ */
.fpage{background:var(--beige);min-height:100vh}

.fbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;
  padding:12px clamp(18px,5vw,40px);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.fbar__brand{display:flex;align-items:center;gap:12px}
.fbar__brand img{height:44px;width:auto}
.fbar__back{font-size:14px;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:7px}
.fbar__back:hover{color:var(--gold-ink)}

.fhero{background:var(--navy);color:#fff;padding:clamp(38px,6vw,68px) clamp(20px,5vw,40px)}
.fhero__in{max-width:780px;margin:0 auto}
.fhero .eyebrow{color:var(--gold-soft)}
.fhero h1{font-family:var(--f-head);font-weight:800;font-size:clamp(26px,4vw,40px);color:#fff;letter-spacing:-.02em;margin:6px 0 12px}
.fhero p{color:#C4D2E4;max-width:62ch;font-size:clamp(15px,1.7vw,17px)}

.fwrap{max-width:780px;margin:0 auto;padding:clamp(26px,5vw,46px) clamp(18px,5vw,40px) 90px}
.fform{display:flex;flex-direction:column;gap:26px}
.fsection{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px clamp(18px,3vw,30px)}
.fsection__title{font-family:var(--f-head);font-weight:700;font-size:19px;color:var(--navy)}
.fsection__sub{font-size:13px;color:var(--slate);margin:4px 0 20px}
.fsection__title + .field,.fsection__title + .fgrid{margin-top:20px}

.field{margin-bottom:20px}
.field:last-child{margin-bottom:0}
.flabel{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;line-height:1.4}
.req{color:#c0392b;margin-left:2px}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],
.field input[type=date],.field select,.field textarea{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;
  font:inherit;font-size:15px;color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356657C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.field textarea{min-height:96px;resize:vertical;line-height:1.6}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.18)}
.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.14)}

.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.choices{display:flex;flex-direction:column;gap:10px}
.choices--inline{flex-direction:row;flex-wrap:wrap;gap:10px 22px}
.choice{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink);font-weight:400;cursor:pointer;line-height:1.45}
.choice input{margin-top:2px;width:18px;height:18px;flex:none;accent-color:var(--navy);-webkit-appearance:auto;appearance:auto}

.fsubmit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.fsubmit .btn[disabled]{opacity:.6;cursor:not-allowed}
.fstatus{font-size:14px;font-weight:500}
.fstatus.is-ok{color:#1a7a3d}
.fstatus.is-err{color:#c0392b}
.fnote{font-size:12.5px;color:var(--slate);margin-top:16px;line-height:1.6}

.fdone{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:44px 30px;text-align:center}
.fdone__icon{width:64px;height:64px;border-radius:50%;background:#1FA855;color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 18px}
.fdone h2{font-family:var(--f-head);font-weight:700;color:var(--navy);font-size:24px}
.fdone p{color:var(--slate);max-width:46ch;margin:10px auto 22px}
.is-submitted .fform{display:none}
.is-submitted .fdone{display:block}

.ffooter{background:var(--navy-deep);color:#8FA1B8;text-align:center;padding:22px;font-size:12.5px}
.ffooter a{color:#cfe}

@media (max-width:600px){.fgrid{grid-template-columns:1fr}}