:root{
      --nav-offset:120px;
      --container:1100px;
      --text:#0f172a;
      --muted:#475569;
      --accent:#ffd166;
      --accent2:#ff9f1c;
      --shadow:0 10px 30px rgba(0,0,0,.08);
    }
    .page.legal-page{
      padding-top:var(--nav-offset);
      background:#f8fafc;
      min-height:100dvh;
      color:var(--text);
    }
    .container{
      width:min(100% - 2rem, var(--container));
      margin-inline:auto;
    }
    .legal-center{
      min-height: calc(100dvh - var(--nav-offset));
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap: 14px;
      padding: 26px 0 40px;
      text-align:center;
    }
    .legal-title{
      margin:0;
      font-size:clamp(1.6rem, 3vw, 2.4rem);
      font-weight:900;
    }
    .legal-subtitle{
      margin:0 0 6px;
      color:var(--muted);
      font-weight:700;
    }
    .legal-actions{
      width: min(520px, 100%);
      display:flex;
      flex-direction:column;
      gap: 12px;
    }
    .legal-btn{
      display:flex;
      align-items:center;
      justify-content:center;
      padding: 14px 16px;
      border-radius: 999px;
      text-decoration:none;
      font-weight:900;
      color:#1a1200;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      border:1px solid rgba(0,0,0,.06);
      box-shadow:var(--shadow);
      transition: transform .12s ease, filter .2s ease;
    }
    .legal-btn:hover{
      transform: translateY(-1px);
      filter: brightness(1.03);
    }
    @media (max-width:640px){
      .container{ width:min(100% - 1.5rem, var(--container)); }
    }