

/* ============ UCHUS.KZ · блок «О проекте» + форма обратной связи ============
   Добавляется ОДИН раз к «Доп. стилям» (после блоков главной и статьи).
   Всё под .ukz-scope / префикс ukz- — переиспользует переменные (--ukz-*). */
.ukz-about{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(135deg,#eaf1ff,#f3fbfa);border:1px solid var(--ukz-line);border-radius:var(--ukz-r);padding:18px 20px;box-shadow:var(--ukz-sh)}
.ukz-about__logo{flex:none;width:56px;height:56px;border-radius:14px;background:#0f1f3d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:13px;line-height:1.05;letter-spacing:.2px}
.ukz-about__logo span{display:block;color:var(--ukz-accent)}
.ukz-about__body{flex:1;min-width:0;font-size:14px;color:var(--ukz-muted);line-height:1.5}
.ukz-about__body b{color:var(--ukz-ink)}
.ukz-about__title{font-size:15.5px;font-weight:800;color:var(--ukz-ink);margin-bottom:4px}
.ukz-about__meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:13px;align-items:center}
.ukz-about__meta a{color:var(--ukz-primary);font-weight:700}
.ukz-about__meta a:hover{text-decoration:underline}
.ukz-about__meta span{color:var(--ukz-muted)}
/* форма обратной связи */
.ukz-form{display:flex;flex-direction:column;gap:14px;max-width:620px;margin-top:8px}
.ukz-form .ukz-field{display:flex;flex-direction:column;gap:6px}
.ukz-form label{font-weight:700;font-size:14px}
.ukz-form input,.ukz-form textarea{padding:12px 14px;border:1px solid var(--ukz-line);border-radius:10px;font-size:15px;background:#fff;width:100%;font-family:inherit;color:var(--ukz-ink)}
.ukz-form input:focus,.ukz-form textarea:focus{outline:2px solid var(--ukz-primary);border-color:transparent}
.ukz-form textarea{min-height:150px;resize:vertical}
.ukz-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ukz-form__btn{align-self:flex-start;background:linear-gradient(135deg,var(--ukz-primary),#1e5fd6);color:#fff;font-weight:800;font-size:16px;padding:13px 26px;border-radius:12px;box-shadow:var(--ukz-sh);transition:transform .15s,filter .15s}
.ukz-form__btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.ukz-form__note{font-size:12.5px;color:var(--ukz-muted);line-height:1.5}
.ukz-form__note a{color:var(--ukz-primary);font-weight:600}
.ukz-note{padding:14px 16px;border-radius:12px;font-size:14.5px;font-weight:600;margin-bottom:16px}
.ukz-note--ok{background:#e9f8ef;color:#137a3b;border:1px solid #bfe8cd}
.ukz-note--err{background:#fdeef0;color:#a4173a;border:1px solid #f3c4ce}
@media(max-width:560px){.ukz-about{flex-direction:column}.ukz-about__logo{width:48px;height:48px;font-size:12px}}
