@font-face{font-family:"Astra Welcome Playfair";src:url("/assets/onboarding/PlayfairDisplay-Variable.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"Astra Welcome Inter";src:url("/assets/onboarding/Inter-Variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}

:root{
  --legal-bg:#040615;
  --legal-text:#f3f1ff;
  --legal-muted:#b7b3d6;
  --legal-accent:#c4b5ff;
  --legal-line:rgba(196,181,255,.16);
}

*{box-sizing:border-box}
html,body{
  margin:0;
  min-height:100%;
  background:var(--legal-bg);
  color:var(--legal-text);
  font-family:"Astra Welcome Inter",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body{
  min-height:100dvh;
  -webkit-text-size-adjust:100%;
}

.legal-header{
  position:sticky;
  top:0;
  z-index:2;
  display:grid;
  grid-template-columns:72px 1fr 72px;
  align-items:center;
  min-height:calc(56px + env(safe-area-inset-top,0px));
  padding:env(safe-area-inset-top,0px) 8px 0;
  background:linear-gradient(180deg,var(--legal-bg) 70%,rgba(4,6,21,0));
}
.legal-brand{
  margin:0;
  color:#f7f4ff;
  font-family:"Astra Welcome Playfair",Georgia,serif;
  font-size:22px;
  font-weight:500;
  letter-spacing:3px;
  text-align:center;
}
.legal-back{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:44px;
  padding:8px 10px;
  color:var(--legal-accent);
  text-decoration:none;
  font-size:15px;
  font-weight:600;
}
.legal-back:focus-visible{outline:2px solid var(--legal-accent);outline-offset:2px}

.legal-main{
  width:min(100%,560px);
  margin:0 auto;
  padding:12px 20px calc(32px + env(safe-area-inset-bottom,0px));
}
.legal-main h1{
  margin:8px 0 8px;
  color:#fbf8f2;
  font-family:"Astra Welcome Playfair",Georgia,serif;
  font-size:clamp(28px,8vw,36px);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.02em;
}
.legal-date{
  margin:0 0 28px;
  color:var(--legal-muted);
  font-size:14px;
}
.legal-main h2{
  margin:28px 0 10px;
  color:#efeaff;
  font-family:"Astra Welcome Playfair",Georgia,serif;
  font-size:22px;
  font-weight:600;
  line-height:1.25;
}
.legal-main p,
.legal-main li{
  color:#ddd8f5;
  font-size:16px;
  font-weight:400;
  line-height:1.55;
}
.legal-main p{margin:0 0 12px}
.legal-main ul{
  margin:0 0 12px;
  padding-left:1.15em;
}
.legal-main a{color:var(--legal-accent)}
.legal-placeholder{color:#e8e3ff}

@media(max-width:360px){
  .legal-main{padding-inline:16px}
  .legal-main h1{font-size:26px}
  .legal-main p,.legal-main li{font-size:15px}
}