/* ============================================================
   contact.css
   ============================================================ */
.contact-page{padding:140px 5vw 80px}
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;margin-top:56px;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:24px}
.contact-info-item{display:flex;gap:16px;align-items:flex-start;padding:24px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg)}
.cii-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:rgba(0,168,232,.1);border:1px solid var(--border);display:grid;place-items:center;font-size:1.2rem}
.cii-label{font-size:.75rem;color:var(--grey);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.cii-value{font-weight:600;font-size:.95rem}
.cii-sub{font-size:.8rem;color:var(--grey);margin-top:2px}
.contact-form-wrap{background:var(--card-bg);border:1px solid var(--border);border-radius:20px;padding:48px}
.form-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:8px}
.form-sub{color:var(--grey);font-size:.9rem;margin-bottom:32px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.form-group label{font-size:.82rem;font-weight:600;color:var(--grey);letter-spacing:.04em}
.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--white);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s,background .2s;outline:none;width:100%}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);background:rgba(0,168,232,.04)}
.form-group textarea{resize:vertical;min-height:120px}
.form-group select option{background:var(--dark-bg)}
.form-submit{width:100%;padding:14px;border-radius:10px;background:var(--accent);color:var(--navy);font-size:.95rem;font-weight:700;letter-spacing:.04em;font-family:var(--font-body);transition:transform .2s var(--ease-bounce),box-shadow .2s;cursor:pointer}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,168,232,.35)}
.form-success{display:none;text-align:center;padding:32px;animation:fadeIn .4s var(--ease)}
.form-success .check{font-size:3rem;margin-bottom:16px}
.form-success h3{font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin-bottom:8px}
.form-success p{color:var(--grey)}