:root{
  --purple-vivid:#6D4FE0;
  --purple-deep:#2E1F5C;
  --purple-strong:#4A2E7D;
  --lavender:#E5D3FA;
  --lavender-soft:#F3EDFA;
  --bg-light:#F8F5FF;
  --ink:#1D1533;
  --ink-soft:#5C5470;
  --white:#FFFFFF;
  --shadow:0 28px 70px -30px rgba(46,31,92,0.35);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Nunito',sans-serif;
  color:var(--ink);
  background:var(--bg-light);
  line-height:1.7;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font:inherit;}
.legal-container{width:min(100% - 48px,1200px);margin-inline:auto;}

a:focus-visible{
  outline:3px solid var(--purple-vivid);
  outline-offset:3px;
  border-radius:6px;
}

.legal-header{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(248,245,255,0.88);
  border-bottom:1px solid rgba(109,79,224,0.1);
  backdrop-filter:blur(14px);
}
.legal-nav{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.legal-brand{display:flex;align-items:center;gap:10px;}
.legal-brand-icon{width:46px;height:46px;object-fit:contain;flex-shrink:0;}
.brand-wordmark{position:relative;width:205px;height:42px;overflow:hidden;flex-shrink:0;}
.brand-wordmark img{position:absolute;width:360px;max-width:none;left:-94px;top:-96px;}
.back-home{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 18px;
  border:1.5px solid rgba(74,46,125,0.28);
  border-radius:14px;
  color:var(--purple-strong);
  background:rgba(255,255,255,0.75);
  font-size:0.86rem;
  font-weight:800;
}
.back-home:hover{background:var(--white);}

.legal-hero{
  min-height:350px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(248,245,255,0.96) 0%,rgba(248,245,255,0.7) 48%,rgba(248,245,255,0.25) 100%),
    url('images/header_background.jpg') center 45%/cover no-repeat;
}
.legal-hero::after{
  content:"";
  position:absolute;
  left:-5%;right:-5%;bottom:-60px;height:100px;
  border-radius:50% 50% 0 0;
  background:var(--bg-light);
}
.legal-hero-content{position:relative;z-index:1;padding:58px 0 92px;max-width:760px;}
.legal-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  padding:7px 14px;
  border-radius:999px;
  color:var(--purple-strong);
  background:var(--lavender);
  font-size:0.72rem;
  font-weight:900;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.legal-hero h1{
  max-width:720px;
  font-family:'Bree Serif',serif;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:1.05;
  color:var(--purple-deep);
  margin-bottom:18px;
}
.legal-hero p{max-width:610px;color:var(--ink-soft);font-size:1.04rem;}
.updated-date{display:flex;align-items:center;gap:8px;margin-top:20px;color:var(--purple-strong);font-size:0.82rem;font-weight:800;}

.legal-shell{
  position:relative;
  z-index:2;
  width:min(100% - 48px,1100px);
  margin:-68px auto 88px;
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
.legal-toc,
.legal-article{
  background:rgba(255,255,255,0.96);
  border:1px solid rgba(109,79,224,0.09);
  box-shadow:var(--shadow);
}
.legal-toc{
  position:sticky;
  top:108px;
  padding:24px;
  border-radius:20px;
}
.legal-toc h2{font-size:0.75rem;color:var(--purple-vivid);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:14px;}
.legal-toc ul{list-style:none;display:grid;gap:5px;}
.legal-toc a{display:block;padding:7px 9px;border-radius:9px;color:var(--ink-soft);font-size:0.8rem;font-weight:700;line-height:1.35;}
.legal-toc a:hover{color:var(--purple-strong);background:var(--lavender-soft);}
.legal-toc .toc-switch{margin-top:18px;padding-top:18px;border-top:1px solid rgba(109,79,224,0.12);}
.toc-switch a{display:flex;align-items:center;gap:8px;color:var(--purple-strong);}

.legal-article{border-radius:28px;padding:clamp(28px,5vw,62px);}
.document-intro{
  margin-bottom:38px;
  padding:20px 22px;
  border-left:4px solid var(--purple-vivid);
  border-radius:0 14px 14px 0;
  color:var(--ink-soft);
  background:var(--lavender-soft);
}
.legal-section{scroll-margin-top:110px;margin-top:38px;}
.legal-section:first-of-type{margin-top:0;}
.legal-section h2{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  font-family:'Bree Serif',serif;
  font-size:1.35rem;
  line-height:1.3;
  color:var(--purple-deep);
}
.section-number{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--white);background:var(--purple-vivid);
  font-family:'Nunito',sans-serif;font-size:0.78rem;font-weight:900;
}
.legal-section p + p{margin-top:12px;}
.legal-section ul{margin:12px 0 0 22px;display:grid;gap:8px;}
.legal-section a,.contact-card a{color:var(--purple-vivid);font-weight:800;text-decoration:underline;text-underline-offset:3px;}
.contact-card{
  margin-top:42px;
  padding:26px;
  border-radius:18px;
  text-align:center;
  background:linear-gradient(135deg,var(--purple-deep),var(--purple-vivid));
  color:var(--white);
}
.contact-card i{font-size:1.45rem;}
.contact-card h2{font-family:'Bree Serif',serif;margin:8px 0 4px;}
.contact-card p{opacity:0.85;margin-bottom:8px;}
.contact-card a{color:var(--white);}

.legal-end{
  min-height:250px;
  display:flex;
  align-items:center;
  text-align:center;
  background:url('images/footer.jpg') center bottom/cover no-repeat;
}
.legal-end h2{font-family:'Bree Serif',serif;color:var(--purple-deep);font-size:1.7rem;margin-bottom:8px;}
.legal-end p{color:var(--ink-soft);margin-bottom:18px;}
.legal-end a{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:13px;
  color:var(--white);background:var(--purple-strong);font-weight:800;
}
.legal-footer{padding:30px 0;background:var(--purple-strong);color:rgba(255,255,255,0.82);}
.legal-footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.legal-footer .brand-wordmark img{filter:brightness(0) invert(1);}
.legal-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px;font-size:0.8rem;font-weight:700;}
.legal-footer-links a:hover{color:var(--white);}

@media (max-width:820px){
  .legal-shell{grid-template-columns:1fr;}
  .legal-toc{position:static;}
  .legal-toc ul{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .legal-container,.legal-shell{width:min(100% - 32px,1200px);}
  .legal-nav{min-height:72px;}
  .legal-brand-icon{width:40px;height:40px;}
  .brand-wordmark{width:160px;height:32px;}
  .brand-wordmark img{width:284px;left:-74px;top:-76px;}
  .back-home span{display:none;}
  .back-home{padding:10px 13px;}
  .legal-hero{min-height:315px;}
  .legal-hero-content{padding-top:46px;}
  .legal-shell{margin-top:-52px;}
  .legal-toc ul{grid-template-columns:1fr;}
  .legal-article{border-radius:20px;}
  .legal-section h2{align-items:flex-start;font-size:1.18rem;}
  .legal-footer-row{flex-direction:column;align-items:flex-start;}
  .legal-footer-links{justify-content:flex-start;}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}