.legal-page{background:#f4f3ef;color:#07182d}
.legal-page .site-header{background:rgba(3,10,20,.82);border-bottom:1px solid rgba(255,255,255,.07)}
.legal-page .desktop-nav a{color:rgba(255,255,255,.66)}.legal-page .desktop-nav a:hover{color:#fff}
.legal-page .langs a{color:rgba(255,255,255,.43)}.legal-page .langs a.active{color:#fff}.legal-page .menu-toggle span{background:#fff}

.legal-hero{position:relative;overflow:hidden;padding:165px 0 95px;color:#fff;background:radial-gradient(circle at 84% 15%,rgba(38,151,218,.15),transparent 24%),linear-gradient(145deg,#040b15,#07192c 58%,#09243d)}
.legal-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 92%);pointer-events:none}
.legal-hero .shell{position:relative;z-index:2}
.legal-hero h1{max-width:1050px;margin:22px 0 24px;font-size:clamp(4rem,7vw,7.5rem);line-height:.84;letter-spacing:-.07em;font-weight:950}
.legal-hero h1 em{font-style:normal;color:#69cbff}
.legal-hero p{max-width:760px;color:rgba(237,244,251,.66);font-size:1.05rem;line-height:1.72}
.legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.legal-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.03);font-size:8px;letter-spacing:.11em;color:rgba(255,255,255,.55);font-weight:900}

.legal-main{padding:95px 0 125px;background:linear-gradient(180deg,#f4f3ef,#eef1f2)}
.legal-layout{display:grid;grid-template-columns:280px 1fr;gap:75px;align-items:start}
.legal-nav{position:sticky;top:112px;padding:20px;border-radius:20px;background:#fff;border:1px solid #dfe4e7;box-shadow:0 14px 38px rgba(10,32,50,.045)}
.legal-nav small{display:block;margin-bottom:14px;font-size:8px;letter-spacing:.14em;color:#8a949e;font-weight:900}
.legal-nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border-radius:10px;color:#596673;font-size:.83rem;font-weight:800}
.legal-nav a:hover,.legal-nav a.active{background:#eef6fb;color:#0d77aa}
.legal-nav a span{font-size:10px;color:#168dcc}

.legal-content{max-width:860px}
.legal-intro{padding:0 0 42px;border-bottom:1px solid #d7dfe4}
.legal-intro strong{display:block;font-size:clamp(1.55rem,2.5vw,2.25rem);line-height:1.16;letter-spacing:-.04em}
.legal-intro p{color:#697582;line-height:1.75}
.legal-block{padding:44px 0;border-bottom:1px solid #d7dfe4}
.legal-block:last-child{border-bottom:0}
.legal-block>small{display:block;font-size:8px;letter-spacing:.14em;color:#168dcc;font-weight:900}
.legal-block h2{margin:11px 0 18px;font-size:clamp(2rem,3.6vw,3.55rem);line-height:.98;letter-spacing:-.055em}
.legal-block h3{margin:28px 0 10px;font-size:1.15rem;letter-spacing:-.02em}
.legal-block p,.legal-block li{color:#64717e;line-height:1.75}
.legal-block ul{padding-left:20px}
.legal-block li+li{margin-top:8px}
.legal-note{margin:24px 0 0;padding:20px 22px;border-left:3px solid #168dcc;border-radius:0 14px 14px 0;background:#fff;color:#5c6874;line-height:1.65}
.legal-note strong{color:#07182d}
.legal-table{display:grid;gap:8px;margin-top:22px}
.legal-table-row{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:15px 17px;border-radius:13px;background:#fff;border:1px solid #dfe4e7}
.legal-table-row b{font-size:.82rem}.legal-table-row span{color:#687481;font-size:.85rem;line-height:1.55}
.legal-contact-card{margin-top:28px;padding:28px;border-radius:22px;background:linear-gradient(145deg,#071a30,#0b3550);color:#fff}
.legal-contact-card small{font-size:8px;letter-spacing:.14em;color:#6dccf9;font-weight:900}
.legal-contact-card strong{display:block;margin:10px 0 9px;font-size:1.45rem}
.legal-contact-card p{margin:0;color:rgba(255,255,255,.58)}
.legal-contact-card a{display:inline-flex;margin-top:18px;color:#fff;font-size:.84rem;font-weight:900}

.footer-legal-links{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.footer-legal-links a{color:#616a7b;font-size:11px}
.footer-legal-links a:hover{color:#fff}
.footer-brand-mark{white-space:nowrap}

@media(max-width:900px){
  .legal-layout{grid-template-columns:1fr;gap:35px}
  .legal-nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .legal-nav small{grid-column:1/-1}
}
@media(max-width:720px){
  .legal-hero{padding:125px 0 70px}
  .legal-hero h1{font-size:clamp(3.4rem,15vw,5.2rem)}
  .legal-main{padding:70px 0 90px}
  .legal-nav{grid-template-columns:1fr}
  .legal-table-row{grid-template-columns:1fr;gap:5px}
  .footer-legal-links{justify-content:flex-start;gap:10px}
}