:root{
  --navy:#0b1f3a;
  --navy-2:#203656;
  --gold:#c9a362;
  --line:rgba(255,255,255,.14);
  --ink:#eef3f8;
  --muted:#c9d3df;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#0e1f36}
a{text-decoration:none;color:inherit}
.serif{font-family:Georgia,'Times New Roman',Times,serif}
.page{
  min-height:100vh;
  background:
    linear-gradient(180deg, rgba(12,28,49,.52) 0%, rgba(12,28,49,.78) 100%),
    url('assets/hq-port.jpg') center/cover no-repeat;
  display:grid;place-items:center;padding:28px;
}
.card{
  width:min(100%,720px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:26px;
  background:rgba(10,21,38,.48);
  backdrop-filter: blur(10px) saturate(120%);
  box-shadow:0 20px 60px rgba(0,0,0,.30);
  padding:42px;
  text-align:center;
}
.logo{width:78px;height:78px;margin:0 auto 18px;border-radius:50%}
.brand{font-size:22px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;color:#f5f7fa}
h1{margin:0 0 12px;font-size:52px;line-height:1.06;letter-spacing:-.03em;color:#fff}
p.lead{margin:0 auto 26px;max-width:520px;color:var(--muted);font-size:20px;line-height:1.6}
.split-line{display:flex;align-items:center;gap:16px;justify-content:center;margin:28px 0;color:#9fb0c3;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.split-line::before,.split-line::after{content:'';height:1px;width:140px;background:var(--line)}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;transition:.2s ease;cursor:pointer;border:0}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--gold);color:#fff}
.btn-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
.note{font-size:14px;color:#9fb0c3;line-height:1.7;max-width:520px;margin:0 auto}
.form-panel{display:none;margin-top:26px;text-align:left;border-top:1px solid var(--line);padding-top:26px}
.form-panel.show{display:block}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:8px;margin-bottom:16px}
.field.full{grid-column:1/-1}
label{font-size:13px;color:#bfcadd;letter-spacing:.08em;text-transform:uppercase}
input,select,textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font:inherit}
input::placeholder,textarea::placeholder{color:#8ea0b5}
textarea{min-height:108px;resize:vertical}
.actions{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap;margin-top:8px}
.success{display:none;margin-top:20px;padding:18px;border:1px solid rgba(201,163,98,.45);background:rgba(201,163,98,.10);border-radius:14px;color:#f4ead6;line-height:1.7}
.success.show{display:block}
.meta{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.meta-item{padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.04)}
.meta-item strong{display:block;font-size:20px;margin-bottom:4px;color:#fff}
.meta-item span{font-size:13px;color:#b5c1d0}
@media (max-width:760px){
  .card{padding:30px 22px}
  h1{font-size:38px}
  p.lead{font-size:18px}
  .grid,.meta{grid-template-columns:1fr}
  .split-line::before,.split-line::after{width:60px}
  .btn{width:100%}
}