:root { --bg: #F5F6F2; --paper: #FFFFFF; --rade-pale: #E2F3F1; --rade: #2EB8B4; --rade-deep: #0D5C66; --laurier: #C2245F; --laurier-deep: #A01C4E; --ink: #172A3A; --muted: #4A5B68; --line: #D5DEDC; }
    *, *::before, *::after { box-sizing: border-box; }
    body { margin: 0; font-family: "Golos Text", system-ui, sans-serif; font-size: 1rem; color: var(--ink); background: var(--bg); line-height: 1.68; overflow-x: hidden; }
    .container { width: 100%; max-width: 780px; margin: 0 auto; padding: 0 16px; }
    a { color: var(--rade-deep); text-underline-offset: 3px; overflow-wrap: anywhere; }
    a:hover { color: var(--laurier-deep); }
    :focus-visible { outline: 3px solid var(--laurier); outline-offset: 2px; }
    .legal-header { background: var(--rade-pale); border-bottom: 1px solid var(--line); }
    .legal-header .container { display: flex; align-items: center; min-height: 68px; }
    .brand { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--ink); text-decoration: none; }
    .brand svg { width: 36px; height: 36px; flex: none; }
    .brand-txt { display: flex; flex-direction: column; font-family: "Manuale", Georgia, serif; font-weight: 700; font-size: 1.05rem; line-height: 1.05; }
    .brand-txt span { font-family: "Golos Text", system-ui, sans-serif; font-weight: 600; font-size: .75rem; letter-spacing: .16em; text-transform: uppercase; color: var(--rade-deep); margin-top: 3px; }
    main { padding: 40px 16px 64px; }
    main.container { padding-left: 16px; padding-right: 16px; }
    h1, h2 { font-family: "Manuale", Georgia, serif; font-weight: 700; line-height: 1.2; color: var(--ink); }
    h1 { font-size: clamp(1.9rem, 1.5rem + 1.6vw, 2.5rem); margin: 0 0 24px; }
    h2 { position: relative; font-size: 1.3rem; margin: 2em 0 .6em; padding-left: 22px; }
    h2::before { content: ""; position: absolute; left: 0; top: .32em; width: 13px; height: 12px; background: var(--laurier); clip-path: polygon(0 0, 100% 50%, 0 100%); }
    ul { padding-left: 1.3em; }
    .legal-footer { background: var(--ink); color: #D4DDE0; padding: 22px 0; font-size: .9375rem; }
    .legal-footer p { margin: 0; }
    .legal-footer a { color: #D4DDE0; display: inline-flex; align-items: center; min-height: 32px; }
    .legal-footer a:hover { color: #F7A9C6; }
    .btn { display: inline-flex; align-items: center; min-height: 46px; padding: 12px 22px; border-radius: 999px; background: var(--laurier); color: #fff; font-weight: 600; text-decoration: none; }
    .btn:hover { background: var(--laurier-deep); color: #fff; }