.terms-page{
  min-height:100vh;padding:110px 48px 80px;
  display:flex;justify-content:center;
}
.terms-card{
  max-width:720px;width:100%;
  animation:cardIn .7s .05s cubic-bezier(.22,1,.36,1) forwards;
  opacity:0;transform:translateY(24px);
}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}

.terms-card h1{
  font-family:var(--serif);font-size:clamp(28px,4vw,38px);
  letter-spacing:-.5px;margin-bottom:8px;
}
.terms-updated{font-size:13px;color:var(--text-light);margin-bottom:48px}

.terms-card section{margin-bottom:36px}
.terms-card h2{
  font-size:17px;font-weight:700;margin-bottom:12px;
  letter-spacing:-.2px;color:var(--text);
}
.terms-card p{
  font-size:15px;line-height:1.85;color:var(--text-mid);
  margin-bottom:12px;
}
.terms-card ul{
  list-style:none;padding:0;margin:8px 0 0;
}
.terms-card li{
  font-size:15px;line-height:1.85;color:var(--text-mid);
  padding:6px 0 6px 24px;position:relative;
}
.terms-card li::before{
  content:'';position:absolute;left:0;top:14px;
  width:8px;height:8px;border-radius:50%;
  background:var(--accent-soft);border:1.5px solid var(--accent);
}
.terms-card strong{color:var(--text);font-weight:600}

.terms-back{margin-top:20px;display:inline-flex}

@media(max-width:600px){
  .terms-page{padding:90px 20px 48px}
  .terms-card section{margin-bottom:28px}
}