body.legal-page{background:#f6faf9;color:var(--color-deep)}
.legal-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(14,58,92,.09);backdrop-filter:blur(12px)}
.legal-header-inner{min-height:82px;display:flex;align-items:center;gap:20px}
.legal-header .detail-language{margin-inline-start:auto;display:flex;gap:5px;direction:ltr}
.legal-header .detail-language button{width:40px;height:40px;border:1px solid rgba(10,70,80,.15);border-radius:11px;background:#fff;color:var(--color-deep);font-weight:800;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.legal-header .detail-language button:hover{transform:translateY(-1px);border-color:rgba(10,70,80,.35)}
.legal-header .detail-language button.is-active{background:var(--color-deep);border-color:var(--color-deep);color:#fff}
.legal-main{padding-block:70px 100px}
.legal-hero{max-width:850px;margin-bottom:38px}
.legal-hero h1{font-size:clamp(38px,6vw,66px);line-height:1.1}
.legal-updated{font-size:13px}
.legal-content{max-width:900px;padding:42px;border-radius:28px;background:#fff;border:1px solid rgba(14,58,92,.08);box-shadow:0 18px 50px rgba(8,53,65,.07)}
.legal-content section+section{margin-top:34px;padding-top:30px;border-top:1px solid rgba(14,58,92,.09)}
.legal-content h2{font-size:23px;margin-bottom:10px}
.legal-content p,.legal-content li{line-height:1.9}
.legal-content ul{list-style:disc;padding-inline-start:22px}
.legal-back{display:inline-flex;margin-bottom:25px;text-decoration:none;font-weight:800;color:var(--color-deep)}
.legal-page .detail-footer{padding:30px 0;background:#062f3b;color:#fff}
.legal-page .detail-footer .container{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.legal-page .detail-footer a{color:#fff;font-weight:700}
.legal-page .detail-footer span{direction:ltr;unicode-bidi:embed}
@media(max-width:700px){
  .legal-main{padding-block:44px 75px}
  .legal-content{padding:25px 20px;border-radius:20px}
  .legal-header-inner{min-height:72px}
  .legal-header .brand-name{display:none}
  .legal-header .detail-language{gap:3px}
  .legal-header .detail-language button{width:34px;height:34px;font-size:11px;border-radius:9px}
  .legal-page .detail-footer .container{justify-content:center;text-align:center}
  .legal-page .detail-footer span{width:100%}
}


/* Official logo integration */
.legal-header .brand{flex:0 0 auto;}
.legal-page .detail-footer-logo{display:block;}
@media(max-width:700px){.legal-page .detail-footer .container{flex-direction:column;}}