@layer legacy { .signature-content *,.signature-content *::before,.signature-content *::after{ box-sizing: border-box; margin: 0; padding: 0; } :root{ --navy: #060b18; --accent: #3b7bff; --cyan: #00c2ff; --white: #ffffff; --muted: #7a8fa8; --border: rgba(255,255,255,0.07); } .signature-content{ font-family: 'DM Sans', sans-serif; background: var(--navy); color: var(--white); -webkit-font-smoothing: antialiased; } .signature-content .legal-page{ max-width: 820px; margin: 0 auto; padding: 10rem 2rem 6rem; } .signature-content .legal-meta{ color: var(--muted); font-size: 0.85rem; margin-bottom: 3rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); } .signature-content .legal-page h1{ font-family: 'Syne', sans-serif; font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; margin-bottom: 0.5rem; } .signature-content h2{ font-family: 'Syne', sans-serif; font-size: 1.2rem; font-weight: 700; color: var(--cyan); margin: 2.5rem 0 0.8rem; } .signature-content p{ color: var(--muted); line-height: 1.8; font-size: 0.95rem; margin-bottom: 1rem; } .signature-content ul{ color: var(--muted); line-height: 1.8; font-size: 0.95rem; margin-bottom: 1rem; padding-left: 1.5rem; } .signature-content ul li{ margin-bottom: 0.4rem; } .signature-content a{ color: var(--cyan); text-decoration: none; } .signature-content a:hover{ text-decoration: underline; } .signature-content{ font-family: 'Inter', sans-serif ; background: #F8FAFC ; color: #161616 ; } .signature-content .legal-page{ max-width: 900px ; padding-top: 8.5rem ; } .signature-content .legal-meta{ color: #64748B ; border-bottom: 1px solid #D1D5DB ; } .signature-content .legal-page h1{ color: #161616 ; font-family: 'Inter', sans-serif ; } .signature-content h2{ color: #334155 ; font-family: 'Inter', sans-serif ; } .signature-content p,.signature-content ul{ color: #475569 ; } .signature-content a{ color: #2F6F2B ; } @media (max-width: 768px){.signature-content .footer-top{ grid-template-columns: 1fr 1fr; } } @media (max-width: 500px){.signature-content .footer-top{ grid-template-columns: 1fr; } } @media (max-width: 980px){.signature-content .nav-links{ display: none ; } } @supports (content-visibility: auto){.signature-content > section:not(:first-of-type),.signature-content footer{ content-visibility: auto; contain-intrinsic-size: 1px 900px; } } }