/* Terms and legal notices: the homepage's dark header and footer around one readable document card. */
.legal-page{margin:0;background:#f5f7fb;color:#334155;font-size:16px}
.lg-wrap{width:calc(100% - 48px);max-width:880px;margin-inline:auto}
.lg-header{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.lg-header .lg-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;max-width:1200px}
.lg-header .brand{font-size:24px;color:#fff}
.lg-header .brand-wordmark span{color:#a5b4fc}
.lg-header nav{display:flex;align-items:center;gap:22px;font-size:15px}
.lg-header nav a{color:#cbd5e1;text-decoration:none}
.lg-header nav a:hover{color:#fff}
.lg-header .lg-signin{padding:8px 16px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#2563eb);color:#fff;font-weight:600}
.lg-hero{padding:56px 0 96px;color:#94a3b8;background:radial-gradient(700px 320px at 85% 0%,rgba(99,102,241,.38),transparent 60%),linear-gradient(180deg,#0b1220,#111a33)}
.lg-eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc}
.lg-hero h1{margin:10px 0 0;font-size:44px;line-height:1.1;letter-spacing:-.04em;font-weight:700;color:#fff}
.lg-hero p{margin:12px 0 0;font-size:15px}
.lg-main{margin-top:-60px;padding-bottom:64px}
.lg-card{background:#fff;border:1px solid #e5e9f2;border-radius:18px;padding:40px 44px;box-shadow:0 2px 6px rgba(15,23,42,.05),0 24px 60px rgba(15,23,42,.10)}
.lg-card h2{margin:32px 0 10px;font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:650;color:#0b1220}
.lg-card h2:first-child{margin-top:0}
.lg-card p{margin:0 0 14px;font-size:16px;line-height:1.8;color:#3f4b5e}
.lg-card a{color:#4338ca;overflow-wrap:anywhere}
.lg-footer{background:#0b1220;color:#94a3b8;font-size:14px}
.lg-footer .lg-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px;padding-block:28px;max-width:1200px}
.lg-footer nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.lg-footer a{color:#cbd5e1;text-decoration:none}
.lg-footer a:hover{color:#fff}
.legal-page :is(a):focus-visible{outline:2px solid #818cf8;outline-offset:3px}
@media(max-width:650px){
  .lg-wrap{width:calc(100% - 32px)}
  .lg-header nav{gap:14px;font-size:14px}
  .lg-header nav a:not(.lg-signin):first-child{display:none}
  .lg-hero{padding:40px 0 84px}
  .lg-hero h1{font-size:34px}
  .lg-card{padding:26px 20px;border-radius:16px}
  .lg-card p{font-size:15px}
}