@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800;900&display=swap');

:root{--legal-navy:#0b1d4f;--legal-blue:#1765ef;--legal-muted:#62728f;--legal-line:#e4ebf5;--legal-bg:#f5f9ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.legal-page{margin:0;background:#fff;color:var(--legal-navy);font-family:'Nunito Sans',Arial,sans-serif}
.legal-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(30px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--legal-line);background:#fff}
.legal-brand{display:flex;align-items:center;gap:12px;color:var(--legal-navy);font-size:20px;font-weight:900;text-decoration:none}
.legal-brand img{width:74px;height:56px;object-fit:contain}
.legal-nav{display:flex;align-items:center;gap:28px}
.legal-nav a{color:#536481;font-size:14px;font-weight:700;text-decoration:none}
.legal-nav a:hover{color:var(--legal-blue)}
.legal-nav .back-link{padding:10px 16px;border:1px solid #cfe0fa;border-radius:10px;color:var(--legal-blue)}
.legal-hero{position:relative;overflow:hidden;padding:58px 24px 54px;background:radial-gradient(ellipse at 80% 15%,#dceeff 0,transparent 38%),linear-gradient(135deg,#f5faff,#fff 62%,#eefaf6);text-align:center}
.legal-hero:after{position:absolute;right:7%;bottom:-116px;width:260px;height:260px;border:1px solid #c9e2ff;border-radius:50%;content:"";box-shadow:0 0 0 24px #e5f2ff80,0 0 0 48px #e5f2ff55;pointer-events:none}
.legal-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 13px;border-radius:99px;background:#e7f1ff;color:var(--legal-blue);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.legal-eyebrow:before{width:7px;height:7px;border-radius:50%;background:#10bd78;content:""}
.legal-hero h1{position:relative;z-index:1;margin:0;color:var(--legal-navy);font-size:clamp(34px,4.2vw,56px);font-weight:900;letter-spacing:-.04em;line-height:1.08}
.legal-hero p{position:relative;z-index:1;max-width:700px;margin:15px auto 0;color:var(--legal-muted);font-size:17px;line-height:1.65}
.legal-meta{display:flex;justify-content:center;gap:10px;margin-top:22px;color:#657692;font-size:13px;font-weight:700}
.legal-meta span{padding:8px 12px;border:1px solid #dce8f6;border-radius:999px;background:#ffffffbd}
.legal-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;width:min(1120px,calc(100% - 48px));margin:42px auto 72px;align-items:start}
.legal-aside{position:sticky;top:24px;padding:22px;border:1px solid var(--legal-line);border-radius:18px;background:#fbfdff;box-shadow:0 12px 32px #14365a0b}
.legal-aside h2{margin:0 0 14px;color:var(--legal-navy);font-size:15px;font-weight:900}
.legal-aside nav{display:grid;gap:4px}
.legal-aside a{padding:8px 10px;border-radius:8px;color:#657692;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none}
.legal-aside a:hover{background:#edf5ff;color:var(--legal-blue)}
.legal-aside .policy-shortcuts{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--legal-line)}
.legal-aside .policy-shortcuts a{padding:0;color:var(--legal-blue)}
.legal-content{min-width:0}
.legal-intro{margin:0 0 22px;padding:22px 24px;border:1px solid #dceafa;border-radius:16px;background:linear-gradient(120deg,#f0f7ff,#f5fffb);color:#405677;font-size:15px;line-height:1.75}
.legal-card{margin:0 0 14px;padding:22px 24px;border:1px solid var(--legal-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px #15365b08;scroll-margin-top:24px}
.legal-card h2{display:flex;align-items:center;gap:12px;margin:0 0 10px;color:var(--legal-navy);font-size:18px;font-weight:900;line-height:1.3}
.legal-card h2 span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#eaf3ff;color:var(--legal-blue);font-size:12px;font-weight:900}
.legal-card p,.legal-card li{color:#5f6f8a;font-size:14px;line-height:1.75}
.legal-card p{margin:0}
.legal-card p+p{margin-top:10px}
.legal-card ul{display:grid;gap:7px;margin:9px 0 0;padding-left:20px}
.legal-card li::marker{color:#12b981}
.legal-card a{color:var(--legal-blue);font-weight:800;text-decoration:none}
.legal-card a:hover{text-decoration:underline}
.legal-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
.legal-contact-grid div{padding:14px;border:1px solid var(--legal-line);border-radius:12px;background:#f9fbff;color:#657692;font-size:13px;line-height:1.6}
.legal-contact-grid strong{display:block;margin-bottom:3px;color:var(--legal-navy);font-size:13px}
.legal-footer{padding:22px 24px;background:#071735;color:#b8c9e4;text-align:center;font-size:13px}
.legal-footer a{color:#fff;font-weight:800;text-decoration:none}
@media(max-width:760px){.legal-topbar{height:auto;min-height:68px;padding:10px 20px}.legal-brand{font-size:17px}.legal-brand img{width:60px;height:46px}.legal-nav{gap:12px}.legal-nav a:not(.back-link){display:none}.legal-nav .back-link{padding:9px 12px;font-size:13px}.legal-hero{padding:42px 22px}.legal-hero p{font-size:15px}.legal-wrap{grid-template-columns:1fr;width:min(100% - 32px,680px);gap:20px;margin:24px auto 48px}.legal-aside{position:static;padding:17px}.legal-aside nav{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-aside .policy-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.legal-aside .policy-shortcuts a{font-size:12px}.legal-card{padding:19px}.legal-intro{padding:18px;font-size:14px}}
@media(max-width:460px){.legal-aside nav{grid-template-columns:1fr 1fr}.legal-aside .policy-shortcuts{grid-template-columns:1fr}.legal-contact-grid{grid-template-columns:1fr}.legal-meta{flex-wrap:wrap}.legal-card h2{font-size:16px}}
@media(max-width:560px){
    .legal-hero{padding:36px 18px 38px}
    .legal-eyebrow{font-size:13px;padding:8px 13px;margin-bottom:14px}
    .legal-hero p{font-size:16px;line-height:1.55}
    .legal-meta{justify-content:center;gap:8px;margin-top:18px;font-size:14px}
    .legal-meta span{padding:9px 13px}
}