/* UTF-8 */
:root{ --y-red:#000; --y-black:#000; --y-white:#fff; --y-gray:#f3f3f3; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; background:#fff; color:#000; }
.hdr,.ftr{ padding:12px 16px; background:#fff; border-bottom:1px solid #eee; }
.brand{ font-weight:700; }
.content{ padding:16px; }
label{ display:block; margin:12px 0; }
input[type=text],input[type=tel],input[type=email],input[type=password],select{
  width:100%; padding:12px; border:1px solid #ddd; border-radius:8px;
}
.btn{ display:inline-block; padding:12px 18px; border:none; border-radius:999px; cursor:pointer; transition:transform .08s ease, box-shadow .2s ease; background:var(--y-gray); }
.btn.primary{ background:var(--y-red); color:#fff; }
.btn:active{ transform: translateY(1px); }
.inline{ display:inline-block; margin:0; }
.err{ background:#ffe9e9; border:1px solid #ffb3b3; color:#700; padding:8px 12px; border-radius:8px; }
.err-i{ margin:4px 0; }
.ok{ background:#eaffea; border:1px solid #b3ffb3; color:#063; padding:8px 12px; border-radius:8px; }
.tbl{ width:100%; border-collapse:collapse; margin-top:8px; }
.tbl th,.tbl td{ border:1px solid #eee; padding:8px; text-align:left; }
.pager{ margin-top:12px; }
.pg{ display:inline-block; padding:6px 10px; margin:0 2px; border:1px solid #ddd; border-radius:6px; text-decoration:none; color:#000; }
.pg.current{ background:#000; color:#fff; border-color:#000; }
.success{ text-align:center; padding-top:24px; }
.success-img-wrap{ width:80vw; max-width:360px; aspect-ratio:1/1; margin:0 auto; overflow:hidden; border-radius:16px; }
.success-img-wrap img{ width:100%; height:100%; object-fit:cover; animation: zoomIn 2.5s ease forwards; }
.success-text{ opacity:0; animation: fadeIn 1.8s .6s ease forwards; }
@keyframes zoomIn{ from{ transform:scale(0.5); } to{ transform:scale(1.08); } }
@keyframes fadeIn{ to{ opacity:1; } }
@media (min-width:768px){ .content{ padding:24px; } }
/* Submit button black theme */
button[type="submit"], input[type="submit"]{
  background-color:#000; /* black */
  color:#fff;            /* white text for contrast */
}
/* Submit button black theme */
button[type="submit"], input[type="submit"]{
  background-color:#000; /* black */
  color:#fff;            /* white text for contrast */
}

@keyframes success-zoom {
  from { transform: scale(0.80); }
  to   { transform: scale(1.08); }
}
@keyframes success-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
/* Анимация для страницы success: применяем к body с классом .success-anim */
body.success-anim {
  animation:
    success-zoom 900ms ease-out forwards,
    success-fade 1100ms ease-out forwards;
  transform-origin: center center;
  will-change: transform, opacity;
}
/* Небольшой стиль под радио-блок анкеты */
.radio-group .radio-option {
  display:block; padding:12px 16px; border:1px solid #e5e7eb; border-radius:12px;
  margin-bottom:12px; cursor:pointer; background:#fff;
}
.radio-group .radio-option input { margin-right:10px; }