.wrap { max-width: 1100px; }

/* Hero */
#hero { padding:calc(var(--nav-h) + var(--promo-h) + 72px) 0 64px; text-align:center; position:relative; overflow:hidden; }

/* Contact layout */
#contact-section { padding:64px 0 var(--section); }
.contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:64px; align-items:start; }
@media(max-width:900px) { .contact-grid { grid-template-columns:1fr; gap:48px; } }

/* Info side */
.contact-info { display:flex; flex-direction:column; gap:16px; }
.contact-info-title { font-size:18px; font-weight:500; color:var(--text-1); margin-bottom:4px; }
.contact-info-sub { font-size:15px; color:var(--text-2); font-weight:300; line-height:1.6; margin-bottom:8px; }

.contact-card { background:var(--bg-1); border:1px solid var(--border-1); border-radius:var(--r2); padding:24px 22px; display:flex; flex-direction:column; gap:14px; transition:border-color .15s; }
.contact-card:hover { border-color:var(--border-2); }
.contact-card-head { display:flex; align-items:center; gap:16px; }
.contact-icon { width:44px; height:44px; border-radius:11px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--text-2); }
.contact-card-label { font-size:14px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:var(--text-3); margin-bottom:1px; }
.contact-card-name { font-size:18px; font-weight:500; color:var(--text-1); }
.contact-card-items { display:flex; flex-direction:column; gap:8px; }
.contact-item { display:flex; align-items:center; gap:10px; font-size:17px; color:var(--text-2); }
.contact-item a { color:var(--text-2); text-decoration:none; transition:color .15s; }
.contact-item a:hover { color:var(--text-1); }
.c-dot { width:6px; height:6px; border-radius:50%; background:var(--border-2); flex-shrink:0; }

.contact-wsp { display:flex; align-items:center; gap:12px; background:rgba(37,211,102,.06); border:1px solid rgba(37,211,102,.18); border-radius:var(--r2); padding:18px 20px; text-decoration:none; transition:background .15s,border-color .15s; }
.contact-wsp:hover { background:rgba(37,211,102,.1); border-color:rgba(37,211,102,.3); }
.contact-wsp-icon { width:44px; height:44px; border-radius:11px; background:rgba(37,211,102,.15); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.contact-wsp-text { display:flex; flex-direction:column; gap:0px; }
.contact-wsp-title { font-size:18px; font-weight:500; color:var(--text-1); }
.contact-wsp-sub { font-size:15px; color:var(--text-3); }
.social-row { display:flex; gap:12px; align-items:center; }
@media(max-width:900px) { .social-row { justify-content:center; } }
.social-btn { width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.06); border:1px solid var(--border-1); display:flex; align-items:center; justify-content:center; text-decoration:none; color:var(--text-2); transition:background .15s,border-color .15s,color .15s; flex-shrink:0; }
.social-btn:hover { background:rgba(255,255,255,.1); border-color:var(--border-2); color:var(--text-1); }

/* Form side */
.contact-form-wrap { background:var(--bg-1); border:1px solid var(--border-1); border-radius:16px; padding:40px 36px; }
@media(max-width:900px) {
  .contact-info::after { content:''; display:block; height:1px; background:linear-gradient(to right,transparent,var(--border-1) 20%,var(--border-1) 80%,transparent); margin-top:24px; }
}
@media(max-width:480px) { .contact-form-wrap { padding:28px 20px; } }
.form-title { font-size:26px; font-weight:500; color:var(--text-1); margin-bottom:6px; letter-spacing:-.022em; }
.form-sub { font-size:17px; color:var(--text-2); font-weight:300; margin-bottom:32px; }

.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:720px) { .form-grid { grid-template-columns:1fr; } }
.form-group { display:flex; flex-direction:column; gap:8px; }
.form-group.full { grid-column:1/-1; }
.form-label { font-size:15px; font-weight:500; color:var(--text-2); letter-spacing:.02em; }
.form-input,
.form-select,
.form-textarea {
  background:var(--bg-0);
  border:1px solid var(--border-1);
  border-radius:var(--r1);
  padding:12px 16px;
  font-family:var(--font);
  font-size:15px;
  color:var(--text-1);
  outline:none;
  transition:border-color .15s,box-shadow .15s;
  width:100%;
}
.form-input::placeholder,.form-textarea::placeholder { color:var(--text-3); }
.form-input:focus,.form-select:focus,.form-textarea:focus { border-color:var(--border-2); box-shadow:0 0 0 3px rgba(255,255,255,.04); }
.form-select { appearance:none; -webkit-appearance:none; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2352525b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; }
.form-select option { background:var(--bg-1); color:var(--text-1); }
.form-textarea { resize:vertical; min-height:120px; line-height:1.6; }
.form-submit { margin-top:24px; width:100%; justify-content:center; font-size:16px; padding:14px 24px; border-radius:var(--r1); }
.form-fine { font-size:14px; color:var(--text-3); text-align:center; margin-top:14px; }
.form-error { font-size:13px; color:#f87171; display:none; }
.form-group.has-error .form-input,
.form-group.has-error .form-select,
.form-group.has-error .form-textarea { border-color:#f87171; }
.form-group.has-error .form-error { display:block; }

/* Success state */
.form-success { display:none; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; padding:40px 20px; }
.form-success.visible { display:flex; }
.success-icon { width:56px; height:56px; border-radius:50%; background:rgba(255,202,27,.1); border:1px solid rgba(255,202,27,.25); display:flex; align-items:center; justify-content:center; }
.form-success h3 { font-size:22px; font-weight:500; color:var(--text-1); }
.form-success p { font-size:15px; color:var(--text-2); max-width:320px; }