:root { --legal-bg: #111214; --legal-panel: #191b1e; --legal-panel-2: #222529; --legal-line: #32363b; --legal-text: #f4f4f2; --legal-muted: #92979d; --legal-accent: #f28c28; --legal-accent-2: #ffaa4c; } .legal-topbar *, .legal-shell *, .legal-page-footer *, .site-legal-footer * { box-sizing: border-box; } body { margin: 0; color: var(--legal-text); background: var(--legal-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; } .legal-topbar a, .legal-shell a, .legal-page-footer a, .site-legal-footer a { color: inherit; text-decoration: none; } .legal-topbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 32px; border-bottom: 1px solid var(--legal-line); background: rgba(17, 18, 20, 0.97); } .legal-brand { display: flex; align-items: center; gap: 11px; color: var(--legal-text); font-size: 18px; font-weight: 800; } .legal-logo { display: grid; grid-template-columns: repeat(2, 8px); gap: 3px; } .legal-logo i { display: block; width: 8px; height: 8px; border-radius: 2px; background: var(--legal-accent); } .legal-logo i:nth-child(2), .legal-logo i:nth-child(3) { background: var(--legal-accent-2); } .legal-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; color: var(--legal-muted); font-size: 13px; } .legal-nav a:hover { color: var(--legal-text); } .legal-nav .legal-cta { padding: 9px 13px; color: #111214; border-radius: 8px; background: var(--legal-accent); font-weight: 800; } .legal-shell { width: min( 860px, calc(100% - 40px) ); margin: 0 auto; padding: 70px 0 90px; } .legal-shell-small { width: min( 760px, calc(100% - 40px) ); } .legal-hero { margin-bottom: 38px; } .legal-eyebrow { margin: 0 0 10px; color: var(--legal-accent); font-size: 11px; font-weight: 800; letter-spacing: 0.15em; } .legal-hero h1 { margin: 0; font-size: clamp( 38px, 7vw, 60px ); line-height: 1; letter-spacing: -0.045em; } .legal-lead { max-width: 660px; margin: 18px 0 0; color: var(--legal-muted); font-size: 18px; line-height: 1.6; } .legal-date { margin: 20px 0 0; color: var(--legal-muted); font-size: 12px; } .legal-card { overflow: hidden; border: 1px solid var(--legal-line); border-radius: 16px; background: var(--legal-panel); } .legal-section { padding: 30px 32px; border-bottom: 1px solid var(--legal-line); } .legal-section:last-child { border-bottom: 0; } .legal-section h2 { margin: 0 0 16px; color: var(--legal-text); font-size: 20px; letter-spacing: -0.025em; } .legal-section p { margin: 0 0 14px; color: var(--legal-muted); font-size: 15px; line-height: 1.75; } .legal-section p:last-child { margin-bottom: 0; } .legal-note { margin: 22px 0; padding: 18px; border: 1px solid rgba( 242, 140, 40, 0.35 ); border-radius: 10px; background: rgba( 242, 140, 40, 0.06 ); } .legal-note strong { color: var(--legal-text); font-size: 14px; } .legal-note p { margin: 8px 0 0; } .legal-text-link { color: var(--legal-accent) !important; font-weight: 700; } .legal-text-link:hover { text-decoration: underline; } .contact-email-box { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 18px; border: 1px solid var(--legal-line); border-radius: 10px; background: var(--legal-panel-2); } .contact-email-box span { color: var(--legal-muted); font-size: 12px; } .contact-email-box a { color: var(--legal-accent); font-weight: 750; word-break: break-all; } .contact-email-box a:hover { text-decoration: underline; } .legal-page-footer { border-top: 1px solid var(--legal-line); color: var(--legal-muted); } .legal-page-footer > div { width: min( 860px, calc(100% - 40px) ); min-height: 84px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; font-size: 12px; } .legal-page-footer nav { display: flex; gap: 18px; } .legal-page-footer a:hover { color: var(--legal-text); } .site-legal-footer { margin-top: 60px; border-top: 1px solid #32363b; color: #92979d; background: #111214; } .site-legal-footer-inner { width: min( 1180px, calc(100% - 40px) ); min-height: 82px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 12px; } .site-legal-footer nav { display: flex; align-items: center; gap: 18px; } .site-legal-footer a { color: #92979d; text-decoration: none; } .site-legal-footer a:hover { color: #f4f4f2; } @media ( max-width: 650px ) { .legal-topbar { align-items: flex-start; flex-direction: column; padding: 18px 20px; } .legal-nav { width: 100%; gap: 14px; } .legal-shell { width: calc( 100% - 28px ); padding: 46px 0 68px; } .legal-section { padding: 24px 20px; } .contact-email-box { align-items: flex-start; flex-direction: column; } .legal-page-footer > div, .site-legal-footer-inner { align-items: flex-start; flex-direction: column; padding: 24px 0; } }