/* apps/customer/public/assets/meckly-legal.css
 *
 * MECKLY_THE_LEGAL_LINKS_MUST_OPEN_V1 — 23 Sep 2026.
 *
 * Five pages — join, app-join, login, app-login and verify-email — put
 * "By continuing you agree to our Terms and Privacy Policy" under the
 * button, with both words linked to pages that did not exist. Every
 * customer who ever tapped either one, at the exact moment they were
 * being asked to agree to something, got a 404.
 *
 * One sheet for both pages, so they cannot drift apart.
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;
  background:#f0f2f5;color:#1a2236;line-height:1.6}
.lg-top{background:#1a2236;color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px}
.lg-mark{width:34px;height:34px;border-radius:9px;background:#fff;display:flex;align-items:center;
  justify-content:center;font-size:18px;flex:0 0 auto;overflow:hidden}
.lg-shop{font-size:16px;font-weight:800;letter-spacing:-.01em}
.lg-back{margin-left:auto;color:#fff;text-decoration:none;font-size:14px;font-weight:700;opacity:.85}
.lg-back:hover{opacity:1}
.lg-wrap{max-width:720px;margin:0 auto;padding:28px 20px 72px}
.lg-kind{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}
h1{font-size:28px;font-weight:900;letter-spacing:-.02em;margin:4px 0 6px;text-wrap:balance}
.lg-when{font-size:13px;color:#6b7280;margin-bottom:22px}
h2{font-size:17px;font-weight:800;letter-spacing:-.01em;margin:26px 0 8px}
p,li{font-size:15px;color:#3a4256}
p{margin:0 0 12px}
ul{margin:0 0 12px 20px}
li{margin:0 0 6px}
a{color:#1552d0}
.lg-note{background:#fff;border:1px solid #dfe3ea;border-left:4px solid #1a2236;border-radius:10px;
  padding:14px 16px;margin:18px 0}
.lg-note p:last-child{margin:0}
.lg-foot{margin-top:34px;padding-top:16px;border-top:1px solid #dfe3ea;font-size:13px;color:#6b7280}
@media (prefers-color-scheme: dark){
  body{background:#11151f;color:#e8eaf0}
  p,li{color:#b9bfd0}
  .lg-when,.lg-kind,.lg-foot{color:#8d95aa}
  .lg-note{background:#1a2030;border-color:#2b3244;border-left-color:#5b8cff}
  .lg-foot{border-top-color:#2b3244}
  a{color:#7aa7ff}
}