/* contact.html — page-specific styles (extracted from inline) */

.page-hero { padding:10rem 0 5rem; position:relative; overflow:hidden; background:var(--bg); }
    .page-hero .blob--1{width:500px;height:500px;top:-150px;right:-80px;}
    .page-hero .blob--2{width:400px;height:400px;bottom:-80px;left:-60px;animation-delay:-6s;}

    /* CONTACT LAYOUT */
    .contact-section { padding:6rem 0 8rem; background:var(--bg-alt); }
    .contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:6rem; align-items:start; }
    .contact-left { position:sticky; top:6rem; }

    .contact-info { display:flex; flex-direction:column; gap:1.2rem; margin-top:2.5rem; }
    .ci-item {
      display:flex; align-items:center; gap:1rem;
      padding:1.1rem 1.3rem; border-radius:var(--radius-md);
      background:var(--surface); border:1px solid var(--border);
      transition:border-color .25s; text-decoration:none;
    }
    .ci-item:hover { border-color:rgba(108,78,243,.3); }
    .ci-icon {
      width:38px; height:38px; border-radius:10px; flex-shrink:0;
      display:flex; align-items:center; justify-content:center; font-size:.95rem;
      background:linear-gradient(135deg,var(--purple-glow),var(--orange-glow));
      border:1px solid var(--border);
    }
    .ci-label { font-family:var(--font-mono); font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.2rem; }
    .ci-value { font-size:.9rem; color:var(--text); font-weight:400; }

    .contact-avail {
      margin-top:2.5rem; padding:1.2rem 1.4rem;
      border-radius:var(--radius-md);
      background:rgba(74,222,128,.05); border:1px solid rgba(74,222,128,.2);
      display:flex; align-items:center; gap:.8rem;
    }
    .ca-text { font-family:var(--font-mono); font-size:.7rem; line-height:1.6; color:var(--text-muted); }
    .ca-text strong { color:#4ade80; }

    /* FORM */
    .contact-form { display:flex; flex-direction:column; gap:1.4rem; }
    .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
    .form-group { display:flex; flex-direction:column; gap:.5rem; }
    .form-label {
      font-family:var(--font-mono); font-size:.65rem;
      letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted);
    }
    .form-input, .form-select, .form-textarea {
      background:var(--surface); border:1px solid var(--border);
      border-radius:var(--radius-md); padding:.9rem 1.1rem;
      font-family:var(--font-body); font-size:.9rem; color:var(--text);
      transition:border-color .25s, box-shadow .25s;
      outline:none; width:100%;
    }
    .form-textarea { min-height:150px; resize:vertical; }
    .form-input:focus, .form-select:focus, .form-textarea:focus {
      border-color:rgba(108,78,243,.5);
      box-shadow:0 0 0 3px rgba(108,78,243,.1);
    }
    .form-input::placeholder, .form-textarea::placeholder { color:var(--text-muted); }
    .form-select option { background:var(--bg); }
    [data-theme="light"] .form-input, [data-theme="light"] .form-select, [data-theme="light"] .form-textarea {
      background:rgba(255,255,255,.7);
    }

    .budget-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }
    .budget-opt { display:none; }
    .budget-label {
      display:block; padding:.7rem .8rem; text-align:center;
      border-radius:var(--radius-md); background:var(--surface);
      border:1px solid var(--border); cursor:pointer;
      font-family:var(--font-mono); font-size:.65rem; letter-spacing:.05em;
      color:var(--text-muted); transition:all .25s;
    }
    .budget-opt:checked + .budget-label {
      background:linear-gradient(135deg,rgba(249,130,25,.15),rgba(108,78,243,.15));
      border-color:rgba(249,130,25,.4); color:var(--orange);
    }
    .budget-label:hover { border-color:var(--border-strong); color:var(--text); }

    .phone-input-group { display:flex; gap:0; }
    .phone-code-select { width:auto; min-width:110px; border-radius:.6rem 0 0 .6rem; border-right:none; flex-shrink:0; }
    .phone-number-input { border-radius:0 .6rem .6rem 0; flex:1; }

    .form-submit { margin-top:.5rem; }
    .form-submit .btn { width:100%; justify-content:center; font-size:.95rem; padding:1rem; }

    .form-success {
      display:none; text-align:center; padding:3rem;
      border-radius:var(--radius-lg); background:rgba(74,222,128,.05);
      border:1px solid rgba(74,222,128,.2);
    }
    .form-success.show { display:block; }
    .form-success__icon { font-size:3rem; margin-bottom:1rem; }
    .form-success__title { font-family:var(--font-display); font-size:2rem; letter-spacing:.06em; color:var(--text); margin-bottom:.5rem; }
    .form-success__desc { font-size:.9rem; font-weight:300; color:var(--text-muted); }

    /* ERROR states */
    .form-input.error, .form-textarea.error, .form-select.error {
      border-color:rgba(248,113,113,.5);
      box-shadow:0 0 0 3px rgba(248,113,113,.1);
    }
    .form-error { font-family:var(--font-mono); font-size:.62rem; color:#f87171; margin-top:.3rem; display:none; }
    .form-error.show { display:block; }

    /* OTHER WAYS */
    .other-ways { padding:6rem 0; background:var(--bg); }
    .ow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; margin-top:4rem; }
    .ow-card {
      background:var(--surface); border:1px solid var(--border);
      border-radius:var(--radius-lg); padding:2rem; text-align:center;
      transition:all .3s; text-decoration:none; display:block;
    }
    .ow-card:hover { transform:translateY(-4px); border-color:rgba(108,78,243,.3); }
    .ow-icon { font-size:2rem; margin-bottom:1rem; }
    .ow-title { font-family:var(--font-display); font-size:1.4rem; letter-spacing:.05em; color:var(--text); margin-bottom:.5rem; }
    .ow-desc { font-size:.85rem; font-weight:300; color:var(--text-muted); }

    @media(max-width:1024px) {
      .contact-grid { grid-template-columns:1fr; gap:3.5rem; }
      .contact-left { position:static; }
      .ow-grid { grid-template-columns:1fr; max-width:400px; margin:4rem auto 0; }
    }
    @media(max-width:640px) {
      .form-row { grid-template-columns:1fr; }
      .budget-grid { grid-template-columns:1fr 1fr; }
      .page-hero { padding:8rem 0 4rem; }
      .contact-section, .other-ways { padding:5rem 0; }
    }
  
    /* Force nav links visible on desktop */
    @media(min-width:901px) {
      .nav__links { display:flex !important; }
      .nav__hamburger { display:none !important; }
    }