html,
body{
    margin:0;
    padding:0;
    background:#080808;
    color:#fff;
}

.legal-page {

  padding:
    90px 22px 70px 22px;

  background:
    linear-gradient(
      180deg,
      #190018,
      #120014
    );

  min-height:
    100vh;
}

.legal-container {

  max-width:
    860px;

  margin:
    0 auto;
}

.legal-logo{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 auto 24px auto;
  text-decoration:none;
}

.legal-logo img{
  display:block;
  width:min(280px,75vw);
  max-width:100%;
  height:auto;
}

.legal-page h1 {

  margin:
    42px 0 28px 0;

  font-family:
    "Cormorant Garamond", serif;

  font-size:
    clamp(3rem,7vw,5rem);

  font-weight:
    600;

  line-height:
    .92;

  letter-spacing:
    -.04em;

  color:
    #fff;
}

.legal-page h2 {

  margin:
    52px 0 18px 0;

  font-family:
    "Cormorant Garamond", serif;

  font-size:
    clamp(1.8rem,4vw,2.6rem);

  font-weight:
    600;

  line-height:
    .98;

  letter-spacing:
    -.03em;

  color:
    #fff;
}

.legal-page p {

  margin:
    0 0 22px 0;

  font-size:
    1.05rem;

  line-height:
    1.85;

  color:
    rgba(255,255,255,.82);
}

.legal-card{

margin-top:32px;

padding:32px;

border-radius:24px;

background:
rgba(255,255,255,.035);

border:
1px solid rgba(255,255,255,.05);

backdrop-filter:
blur(8px);
}

.legal-card ul{

margin:18px 0 18px 22px;

padding:0;
}

.legal-card li{

margin-bottom:10px;

line-height:1.8;

color:rgba(255,255,255,.82);
}

.back-home-link{

display:inline-flex;

align-items:center;

gap:8px;
margin-top:24px;

color:#ff8fbe;

text-decoration:none;

font-size:.95rem;
}

.back-home-link:hover{

text-decoration:underline;
}


.site-footer {

  padding:
    34px 22px 46px 22px;

  background:
    #0d000f;

  border-top:
    1px solid rgba(255,255,255,.05);
}

.footer-container {

  max-width:
    1080px;

  margin:
    0 auto;

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;

  align-items:
    center;

  text-align:
    center;
}

.footer-copy {

  font-size:
    .92rem;

  color:
    rgba(255,255,255,.55);

  line-height:
    1.5;
}

.footer-links {

  display:
    flex;

  flex-wrap:
    wrap;

  justify-content:
    center;

  gap:
    10px;

  font-size:
    .92rem;
}

.footer-links a {

  color:
    rgba(255,255,255,.72);

  text-decoration:
    none;

  transition:
    color .18s ease;
}

.footer-links a:hover {

  color:
    #fff;
}

.footer-links span {

  color:
    rgba(255,255,255,.28);
}