.shirakat-legal { background: #f7f9f7; color: #3f4742; padding: 56px 16px; }
.shirakat-legal__container { margin: 0 auto; max-width: 860px; }
.shirakat-legal__header { margin-bottom: 24px; text-align: center; }
.shirakat-legal__eyebrow { color: #207945; font-size: .78rem; font-weight: 700; letter-spacing: .12em; margin-bottom: 8px; text-transform: uppercase; }
.shirakat-legal h1 { color: #183f29; font-size: clamp(2rem, 5vw, 2.8rem); margin-bottom: 8px; }
.shirakat-legal__updated, .shirakat-legal__intro { color: #667069; }
.shirakat-legal__card { background: #fff; border: 1px solid #dfe7e1; border-radius: 14px; box-shadow: 0 8px 24px rgba(22, 63, 40, .06); margin-bottom: 18px; padding: 26px 28px; }
.shirakat-legal__card h2 { color: #183f29; font-size: 1.25rem; margin-bottom: 12px; }
.shirakat-legal__card h3 { color: #28583a; font-size: 1rem; margin: 18px 0 8px; }
.shirakat-legal__card p:last-child, .shirakat-legal__card ul:last-child { margin-bottom: 0; }
.shirakat-legal__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 24px; }
.shirakat-legal__button { background: #207945; border: 1px solid #207945; border-radius: 8px; color: #fff; display: inline-block; font-weight: 700; padding: 11px 18px; text-decoration: none; }
.shirakat-legal__button:hover { background: #185f35; color: #fff; }
.shirakat-legal__button--secondary { background: #fff; color: #207945; }
.shirakat-legal__form label { color: #263c2d; display: block; font-weight: 700; margin-bottom: 6px; }
.shirakat-legal__field { margin-bottom: 18px; }
.shirakat-legal__input { border: 1px solid #cbd7ce; border-radius: 8px; padding: 11px 13px; width: 100%; }
.shirakat-legal__input:focus { border-color: #207945; box-shadow: 0 0 0 3px rgba(32, 121, 69, .14); outline: 0; }
.shirakat-legal__error { color: #a32d2d; display: none; font-size: .85rem; margin-top: 6px; }
.shirakat-legal__status { border-radius: 9px; display: none; margin-top: 16px; padding: 14px 16px; }
.shirakat-legal__status--success { background: #eaf5ed; border: 1px solid #b9d9c1; color: #225a31; }
.shirakat-legal__status--error { background: #fcebeb; border: 1px solid #efc1c1; color: #812626; }
@media (max-width: 576px) {
    .shirakat-legal { padding: 36px 12px; }
    .shirakat-legal__card { padding: 21px 18px; }
    .shirakat-legal__actions, .shirakat-legal__button { width: 100%; }
    .shirakat-legal__button { text-align: center; }
}