.av-contact-page{
      --av-bg:#ffffff;
      --av-text:#0f172a;
      --av-muted:#64748b;
      --av-line:#e2e8f0;

      --av-accent:#ff4d2e;
      --av-card:#ffffff;

      --av-radius:18px;
      --av-shadow: 0 18px 45px rgba(15,23,42,.10);

      background: var(--av-bg);
      color: var(--av-text);
    }

    .av-container{
      max-width:1180px;
      margin:0 auto;
      padding:0 18px;
    }

    .av-hero{
      padding:48px 0 40px;
      text-align:center;
      background:
        radial-gradient(1000px 400px at 50% -30%, rgba(255,77,46,.15), transparent 60%),
        linear-gradient(180deg,#fff6ee,#ffffff);
      border-bottom:1px solid var(--av-line);
    }

    .av-hero-title{
      margin:0;
      font-size:clamp(34px,4vw,46px);
      letter-spacing:-0.03em;
    }

    .av-breadcrumb{
      margin-top:10px;
      font-size:14px;
      color:var(--av-muted);
    }

    .av-breadcrumb a{
      color:var(--av-text);
      text-decoration:none;
    }

    .av-breadcrumb span{
      margin:0 6px;
      color:#94a3b8;
    }

    .av-breadcrumb .current{
      color:var(--av-accent);
      font-weight:600;
    }

    .av-section{ padding:60px 0 80px; }

    .av-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:40px;
    }

    .av-left-title{
      margin:0 0 26px;
      font-size:clamp(32px,3.2vw,48px);
      line-height:1.05;
      letter-spacing:-0.03em;
    }

    .av-info-list{ margin-top:22px; border-top:1px solid var(--av-line); }

    .av-info-item{
      display:grid;
      grid-template-columns:44px 1fr;
      gap:14px;
      padding:20px 0;
      border-bottom:1px solid var(--av-line);
    }

    .av-ico{
      width:44px;
      height:44px;
      border-radius:12px;
      background:rgba(255,77,46,.1);
      display:grid;
      place-items:center;
    }

    .av-ico svg{
      width:22px;
      height:22px;
      fill:var(--av-accent);
    }

    .av-info-label{
      font-size:14px;
      color:var(--av-muted);
      margin-bottom:6px;
    }

    .av-info-strong{
      font-weight:700;
      color:var(--av-text);
      text-decoration:none;
    }

    .av-info-strong:hover{ color:var(--av-accent); }

    .av-social{
      display:flex;
      gap:12px;
      margin-top:22px;
    }

    .av-social-btn{
      width:42px;
      height:42px;
      border-radius:12px;
      border:1px solid var(--av-line);
      display:grid;
      place-items:center;
      background:#fff;
      text-decoration:none;
    }

    .av-social-btn svg{
      width:18px;
      height:18px;
      fill:#0f172a;
    }

    .av-card{
      background:var(--av-card);
      border-radius:var(--av-radius);
      box-shadow:var(--av-shadow);
      padding:28px;
    }

    .av-card-title{ margin:0 0 8px; font-size:22px; }

    .av-card-sub{
      margin:0 0 18px;
      font-size:14px;
      color:var(--av-muted);
      line-height:1.6;
    }

    .av-field{ margin-bottom:14px; }

    .av-input,
    .av-textarea{
      width:100%;
      padding:13px 14px;
      border-radius:12px;
      border:1px solid var(--av-line);
      font-size:15px;
      outline:none;
    }

    .av-textarea{
      resize:vertical;
      min-height:160px;
    }

    .av-input:focus,
    .av-textarea:focus{
      border-color:var(--av-accent);
      box-shadow:0 0 0 4px rgba(255,77,46,.15);
    }

    .av-btn{
      border:none;
      background:var(--av-accent);
      color:#fff;
      padding:12px 18px;
      border-radius:12px;
      font-weight:700;
      cursor:pointer;
      box-shadow:0 12px 26px rgba(255,77,46,.28);
    }

    .av-btn:hover{ filter:brightness(.95); }

    @media(max-width:900px){
      .av-grid{ grid-template-columns:1fr; }
    }


.av-notice{
  margin: 12px 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 14px;
}
.av-notice.is-success{
  background: #eaffea;
  border: 1px solid #9be39b;
}
.av-notice.is-error{
  background: #ffecec;
  border: 1px solid #ffb1b1;
}