/* Контакти / техпідтримка */
.ct{--err:#ff6b5b;--ok:#5be08a;padding-top:28px;padding-bottom:72px}
.ct-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:36px;align-items:center;padding:36px 40px;background:var(--panel);border:1px solid var(--line);border-radius:22px;
  background-image:radial-gradient(55% 90% at 85% 50%,rgba(255,217,26,.13),transparent 70%)}
.ct-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:rgba(255,217,26,.1);border:1px solid rgba(255,217,26,.4);color:var(--yellow);font-size:13px;font-weight:700}
.ct-tag .ic{width:16px;height:16px;font-size:16px}
.ct-hero h1{margin:14px 0 12px;font-size:clamp(28px,3.4vw,44px);font-weight:800;font-style:italic;letter-spacing:-1.4px;line-height:1.1}
.ct-hero h1 em{display:block}
.ct-hero p{max-width:56ch;color:var(--muted);font-size:16px;line-height:1.55}
.ct-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ct-hero__btns .btn-y,.ct-hero__btns .btn-o{width:auto}
/* малюнок — на світлій «підкладці», бо чорні контури на темному фоні зникають */
.ct-art{display:grid;place-items:center;padding:18px;border-radius:22px;background:#f7f4e8;border:3px solid var(--yellow);box-shadow:0 18px 50px rgba(255,217,26,.12)}
.ct-art img{width:100%;max-width:400px;height:auto;animation:ct-float 6s ease-in-out infinite}
@keyframes ct-float{50%{transform:translateY(-8px)}}

.ct-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}
.ct-side{display:flex;flex-direction:column;gap:12px}
.ct-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s}
.ct-card:hover{border-color:#3a3a40}
.ct-card__ic{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:12px;background:#1f1f22;color:var(--yellow)}
.ct-card__ic .ic{width:22px;height:22px;font-size:22px}
.ct-card div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ct-card b{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.ct-card a,.ct-card span:not(.ct-card__ic){font-size:17px;font-weight:700;overflow-wrap:anywhere}
.ct-card a:hover{color:var(--yellow)}
.ct-note{padding:4px 6px;color:var(--muted);font-size:13px;line-height:1.5}

.ct-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 30px}
.ct-form h2{font-size:24px;font-weight:800;letter-spacing:-.5px}
.ct-form__sub{margin:4px 0 22px;color:var(--muted);font-size:14px}
.ct-form form{display:flex;flex-direction:column;gap:16px}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ct-form .fld select{display:block;width:100%;height:52px;padding:0 16px;background:#0b0b0d;color:var(--text);border:1px solid var(--line);border-radius:13px;font:inherit;font-size:16px;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px;background-size:6px 6px;background-repeat:no-repeat}
.ct-form .fld select:focus{outline:0;border-color:var(--yellow);box-shadow:0 0 0 4px rgba(255,217,26,.14)}
.ct-form .fld.has-err select{border-color:var(--err);box-shadow:0 0 0 4px rgba(255,107,91,.12)}
.ct-err{display:none;margin-top:6px;color:var(--err);font-size:13px;font-style:normal;font-weight:600}
.fld.has-err .ct-err{display:block}
.ct-count{display:block;margin:6px 0 0!important;text-align:right;color:var(--muted)}
.ct-status{padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid var(--err);background:rgba(255,107,91,.1);color:var(--err)}
.ct-status[hidden]{display:none}
.ct-legal{color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
.ct-done{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 10px;text-align:center}
.ct-done[hidden]{display:none}
.ct-done__ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(91,224,138,.12);border:2px solid var(--ok);color:var(--ok)}
.ct-done__ic .ic{width:30px;height:30px;font-size:30px}
.ct-done p{max-width:46ch;color:var(--muted);font-size:16px;line-height:1.55}
.ct-done p b{color:var(--text)}

@media (max-width:980px){
  .ct-hero{grid-template-columns:1fr;padding:26px 22px}
  .ct-art{order:-1;max-width:360px;margin:0 auto;width:100%}
  .ct-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ct-row{grid-template-columns:1fr}
  .ct-form{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce){.ct-art img{animation:none}}