/* =========================================================
   VRAXON THEME — CONTACT PAGE STYLES (unique sections only)
   Shared vars / reset / header / footer live in base.css
   ========================================================= */

body.page-contact{ --radius: 20px; }

/* HERO (nav sits inside it, matching the original design) */
.contact-hero{
    position: relative;
    overflow: hidden;
    background: linear-gradient(120deg, rgba(139, 92, 246, 0.12), rgba(34, 211, 238, 0.08) 45%, transparent 75%), repeating-linear-gradient(0deg, rgba(11, 12, 20, 0.035) 0 1px, transparent 1px 64px), repeating-linear-gradient(90deg, rgba(11, 12, 20, 0.035) 0 1px, transparent 1px 64px);
    padding: 0 20px;
    margin-bottom: 32px;
}
.contact-hero-top{padding:64px 0 0; position:relative; z-index:2;}
.contact-hero-top h1{font-size:52px; font-weight:700;}
.contact-hero-sub{padding:26px 0 60px; position:relative; z-index:1;}
.contact-hero-sub p{font-size:16.5px; color:var(--ink-soft); max-width:600px; line-height:1.65;}

/* MAIN GRID */
.contact-main{padding:0 0 100px;}
.contact-grid{display:grid; grid-template-columns:1.35fr 1fr; gap:26px; align-items:start;}

.form-card{
  border:1px solid var(--line); border-radius:var(--radius); padding:36px; box-shadow:var(--shadow-card); background:#fff;
}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-bottom:26px;}
.field label{display:block; font-size:11px; font-weight:800; letter-spacing:0.1em; color:#9a9ca8; margin-bottom:9px; text-transform:uppercase;}
.field input, .field textarea{
  width:100%; border:1.5px solid var(--line); border-radius:12px; padding:13px 16px; font-family:'Manrope',sans-serif;
  font-size:14.5px; color:var(--ink); transition:border-color .2s ease, box-shadow .2s ease; background:#fff;
}
.field input:focus, .field textarea:focus{
  outline:none; border-color:var(--violet); box-shadow:0 0 0 4px rgba(139,92,246,0.12);
}
.field textarea{resize:vertical; min-height:118px; font-family:'Manrope',sans-serif;}
.inquiry-options{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.inquiry-opt{
  border:1.5px solid var(--line); border-radius:100px; padding:10px 8px; text-align:center; font-size:13.5px; font-weight:700;
  cursor:pointer; transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.inquiry-opt.active{background:var(--ink); color:#fff; border-color:var(--ink);}
.inquiry-opt:not(.active):hover{border-color:#c7c9d6;}
.msg-field{margin-bottom:8px;}
.form-footer{display:flex; align-items:center; justify-content:space-between; margin-top:22px; flex-wrap:wrap; gap:16px;}
.encrypted-note{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-soft); font-weight:600;}
.encrypted-note .check{color:var(--mint); font-size:14px;}

/* OFFICES CARD */
.offices-card{
  border:1px solid var(--line); border-radius:var(--radius); padding:32px; box-shadow:var(--shadow-card); background:#fff;
}
.offices-card h2{font-size:24px; font-weight:700; margin-bottom:22px;}
.office-row{display:flex; gap:16px; margin-bottom:22px;}
.office-thumb{
  width:52px; height:52px; border-radius:13px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-size:20px; color:#fff;
}
.office-thumb.dubai{background:linear-gradient(135deg,#f6a23e,#e0356b);}
.office-thumb.mumbai{background:linear-gradient(135deg,#5b6ee8,#8b3ce0);}
.office-thumb.jakarta{background:linear-gradient(135deg,#1fbf9e,#0b8f7a);}
.office-info b{font-size:15.5px; font-weight:700;}
.office-info .tag{color:var(--ink-soft); font-weight:600; font-size:13.5px;}
.office-info .coords{display:block; font-size:11px; color:#9a9ca8; font-family:'JetBrains Mono',monospace; margin:4px 0 6px;}
.office-info p{font-size:13.3px; color:var(--ink-soft); line-height:1.5;}
.general-box{
  border:1px dashed var(--line); border-radius:14px; padding:16px 18px; margin-top:6px;
  display:flex; align-items:center; gap:12px;
}
.general-box .env{font-size:18px;}
.general-box b{display:block; font-size:14px; font-weight:700;}
.general-box span{font-size:13px; color:var(--ink-soft); font-family:'JetBrains Mono',monospace;}

@media (max-width: 980px){
  .contact-grid{grid-template-columns:1fr;}
  .field-row{grid-template-columns:1fr;}
  .contact-hero-top h1{font-size:36px;}
  .inquiry-options{grid-template-columns:1fr 1fr;}
}

@media (max-width: 560px){
  .contact-hero-top{padding-top:46px;}
  .contact-hero-top h1{font-size:32px;}
  .contact-hero-sub{padding-top:20px; padding-bottom:46px;}
  .contact-hero-sub p{font-size:15px;}
  .form-card, .offices-card{padding:24px 20px;}
  .inquiry-options{grid-template-columns:1fr;}
  .form-footer{align-items:stretch;}
  .form-footer .btn{justify-content:center; width:100%;}
}