.page-hero{background:var(--sky);padding:48px 0 40px;text-align:center}
.page-hero h1{font-size:34px}
.page-hero p{margin-top:12px;color:var(--g600);font-size:16px;max-width:520px;margin-left:auto;margin-right:auto}
.contact{padding:56px 0 80px}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;max-width:980px;margin:0 auto;align-items:start}
.info{background:var(--sky);border-radius:16px;padding:32px 28px}
.info h2{font-size:22px;margin-bottom:12px}
.info p{font-size:15px;margin-bottom:20px;color:#333}
.meta{display:grid;gap:14px;margin-top:8px}
.meta div{background:#fff;border-radius:12px;padding:16px 18px}
.meta strong{display:block;font-size:14px;margin-bottom:4px}
.meta span{font-size:14px;color:var(--g600);line-height:1.45}
.meta span a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.meta span a:hover{color:var(--blue-dark,#0A5FC4)}
.form-card{border:1px solid var(--g200);border-radius:16px;padding:32px 28px}
.form-card h2{font-size:22px;margin-bottom:8px}
.form-card .lead{font-size:14.5px;color:var(--g600);margin-bottom:24px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;border:1px solid var(--g200);border-radius:10px;padding:12px 14px;font-size:15px;outline:0;background:#fff;color:var(--g900)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue)}
.field textarea{min-height:140px;resize:vertical}
.btn-y{background:var(--yellow);border:0;border-radius:999px;font-weight:600;font-size:14px;padding:14px 24px;cursor:pointer;color:#000;transition:.15s}
.btn-y:hover{filter:brightness(.95)}
.note{font-size:12px;color:var(--g600);margin-top:14px}
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr}
  .page-hero h1{font-size:26px}
  .contact{padding:40px 0 56px}
  .form-card,.info{padding:24px 20px}
}