.legal-info-main{min-height:calc(100vh - 140px);padding:42px 0 64px;background:linear-gradient(180deg,#f6f9fd 0,#eef4fb 100%)}
.legal-info-shell{max-width:920px}
.legal-info-hero,.legal-info-card,.legal-info-contact,.legal-info-links{background:#fff;border:1px solid #dde6f0;border-radius:18px;box-shadow:0 12px 34px rgba(15,35,70,.055)}
.legal-info-hero{padding:34px;margin-bottom:18px}
.legal-info-eyebrow{display:inline-block;color:#0f63e8;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.legal-info-hero h1{font-size:clamp(36px,5vw,50px);line-height:1.05;letter-spacing:-1.4px;color:#102a52;margin:8px 0 13px}
.legal-info-hero p{margin:0;color:#566c88;font-size:17px;line-height:1.7}
.legal-info-card{padding:26px;margin-bottom:18px}
.legal-info-card dl{margin:0}
.legal-info-card dl>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid #e9eef5}
.legal-info-card dl>div:last-child{border-bottom:0}
.legal-info-card dt{font-weight:900;color:#17385f}
.legal-info-card dd{margin:0;color:#526983;line-height:1.55}
.legal-info-card dd span{display:block}
.legal-info-card a{color:#0f63e8;font-weight:800}
.legal-info-warning{margin-top:18px;padding:13px 15px;border:1px solid #f0d4aa;border-radius:12px;background:#fff8ea;color:#7a531a}
.legal-info-contact{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;margin-bottom:18px}
.legal-info-contact h2{margin:0 0 7px;color:#102a52;font-size:21px}
.legal-info-contact p{margin:0;color:#566c88;line-height:1.6}
.legal-info-contact .btn{flex:0 0 auto}
.legal-info-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px}
.legal-info-links a{padding:9px 12px;border-radius:9px;background:#f3f7fc;color:#294463;font-weight:800}
.legal-info-links a:hover{background:#e8f1fd;color:#0f63e8}
@media(max-width:720px){
    .legal-info-main{padding:28px 0 44px}
    .legal-info-hero,.legal-info-card,.legal-info-contact,.legal-info-links{border-radius:15px}
    .legal-info-hero{padding:24px}
    .legal-info-card dl>div{grid-template-columns:1fr;gap:5px}
    .legal-info-contact{align-items:stretch;flex-direction:column}
    .legal-info-contact .btn{width:100%;justify-content:center}
}