:root { --bg:#020303; --panel:#0c110e; --text:#f4f6f2; --muted:#aab3ab; --line:rgba(255,255,255,.12); --green:#7fff00; --max:1060px; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; min-width:320px; color:var(--text); background:radial-gradient(850px 460px at 10% 5%,rgba(127,255,0,.07),transparent 70%),var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.7; }
    img { display:block; max-width:100%; }
    a { color:inherit; }
    a:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
    .skip-link { position:fixed; top:10px; left:10px; z-index:1000; padding:10px 15px; color:#071000; background:var(--green); transform:translateY(-160%); }
    .skip-link:focus { transform:none; }
    .site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:rgba(2,3,3,.92); backdrop-filter:blur(16px); }
    .nav-wrap { width:min(var(--max),calc(100% - 40px)); min-height:72px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
    .brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:950; letter-spacing:-.04em; }
    .brand img { width:42px; height:42px; object-fit:contain; }
    .brand span span { color:var(--green); }
    nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
    nav a { padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:#d2d8d3; text-decoration:none; font-size:12px; font-weight:800; }
    nav a[aria-current="page"] { color:#071000; border-color:var(--green); background:var(--green); }
    main { width:min(var(--max),calc(100% - 40px)); margin:auto; padding:58px 0 85px; }
    .legal-hero { padding:clamp(30px,6vw,70px); border:1px solid rgba(127,255,0,.23); border-radius:8px; background:linear-gradient(135deg,rgba(127,255,0,.075),rgba(255,255,255,.025)); box-shadow:0 30px 90px rgba(0,0,0,.42); }
    .eyebrow,.annex-kicker { margin:0 0 16px; color:var(--green); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
    h1 { max-width:820px; margin:0; font-size:clamp(42px,7vw,76px); line-height:1.02; letter-spacing:-.055em; }
    .intro { max-width:800px; margin:24px 0 0; color:#c0c7c1; font-size:17px; }
    .meta { margin-top:22px; color:var(--muted); font-size:13px; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
    .button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 18px; border:1px solid var(--line); color:#fff; text-decoration:none; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
    .button-primary { color:#071000; border-color:var(--green); background:var(--green); }
    .facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0 34px; }
    .facts article { padding:22px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
    .facts strong { display:block; margin-bottom:7px; color:var(--green); font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
    .facts p { margin:0; }
    .legal-content { margin-top:24px; padding:clamp(24px,5vw,54px); border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.025); }
    .legal-content h2 { margin:48px 0 14px; padding-top:12px; border-top:1px solid rgba(127,255,0,.23); font-size:clamp(24px,3.5vw,35px); line-height:1.2; letter-spacing:-.03em; }
    .legal-content h2:first-child { margin-top:0; }
    .legal-content h3 { margin:30px 0 9px; color:#eef2ef; font-size:19px; line-height:1.3; }
    .legal-content p { margin:0 0 14px; color:#bcc4bd; }
    .legal-content a { color:var(--green); overflow-wrap:anywhere; }
    .notice-title { padding:15px 18px; border-left:3px solid var(--green); background:rgba(127,255,0,.065); font-size:13px!important; letter-spacing:.07em; text-transform:uppercase; }
    .confirmation { padding:17px 19px; border:1px solid rgba(127,255,0,.24); background:rgba(127,255,0,.045); color:#e8ece9!important; }
    .form-line { min-height:62px; display:flex; align-items:flex-end; border-bottom:1px solid rgba(255,255,255,.22); }
    .form-line span { padding-bottom:7px; color:#dbe0dc; font-weight:750; }
    .fine-print { font-size:12px; }
    .legal-note { margin-top:24px; padding:18px 20px; border:1px solid rgba(255,196,0,.24); color:#d9d3be; background:rgba(255,196,0,.045); font-size:13px; }
    footer { border-top:1px solid var(--line); background:#030403; }
    .footer-wrap { width:min(var(--max),calc(100% - 40px)); min-height:100px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:25px; color:var(--muted); font-size:12px; }
    .footer-wrap a { color:#dce1dd; }
    @media (max-width:720px) { .nav-wrap,.footer-wrap { align-items:flex-start; flex-direction:column; padding:15px 0; } nav { justify-content:flex-start; } main { padding-top:30px; } .facts { grid-template-columns:1fr; } .legal-content { padding:24px 20px; } }
  
    h1 { font-size:clamp(30px,5.8vw,64px); overflow-wrap:anywhere; }
    .legal-hero { padding:clamp(24px,5vw,54px); }
    .legal-content { overflow-wrap:anywhere; }
    .legal-content h4 { font-size:17px; margin:22px 0 8px; }
    .legal-content li { color:#bcc4bd; margin-bottom:6px; }
    .legal-content .button-primary { color:#071000; }
    .legal-content ul { padding-left:22px; }
    [id] { scroll-margin-top:180px; }
    #dokument > span[id] { display:block; }
    .paper-form { padding:18px; border-left:3px solid var(--green); background:rgba(127,255,0,.045); overflow-wrap:anywhere; }
    .document-links { display:flex; flex-wrap:wrap; gap:12px 20px; padding:0; list-style:none; }
    .legal-content button, .footer-wrap button { font:inherit; padding:8px 12px; color:#f4f6f2; border:1px solid rgba(255,255,255,.2); background:#111813; cursor:pointer; }
    .footer-wrap { align-items:flex-start; padding:22px 0; }
    .footer-links { display:flex; flex-wrap:wrap; gap:12px 18px; max-width:700px; }
    .legal-content :first-child { margin-top:0; }
    @media(max-width:720px) { .site-header { position:relative; } [id] { scroll-margin-top:20px; } .hero-actions .button { width:100%; padding:12px; text-align:center; } }