:root,[data-theme="light"]{--bg-body:#f0f7ff;--bg-card:#ffffff;--bg-nav:#ffffff;--border-color:#bae6fd;--text-main:#0369a1;--text-muted:#38bdf8;--heading-color:#0c4a6e;--accent-bg:#e0f2fe;--accent-text:#0369a1;--btn-primary-bg:#0284c7;--btn-primary-hover:#0369a1;--btn-secondary-bg:#ffffff;--btn-secondary-text:#0c4a6e;--btn-github-bg:#e0f2fe;--btn-github-text:#0c4a6e;}[data-theme="dark"]{--bg-body:#07192e;--bg-card:#0b2447;--bg-nav:#0b2447;--border-color:#1e3a8a;--text-main:#e0f2fe;--text-muted:#38bdf8;--heading-color:#ffffff;--accent-bg:#1e3a8a;--accent-text:#38bdf8;--btn-primary-bg:#38bdf8;--btn-primary-hover:#7dd3fc;--btn-secondary-bg:#0b2447;--btn-secondary-text:#e0f2fe;--btn-github-bg:#1e3a8a;--btn-github-text:#e0f2fe;}@media (prefers-color-scheme:dark){[data-theme="auto"]{--bg-body:#07192e;--bg-card:#0b2447;--bg-nav:#0b2447;--border-color:#1e3a8a;--text-main:#e0f2fe;--text-muted:#38bdf8;--heading-color:#ffffff;--accent-bg:#1e3a8a;--accent-text:#38bdf8;--btn-primary-bg:#38bdf8;--btn-primary-hover:#7dd3fc;--btn-secondary-bg:#0b2447;--btn-secondary-text:#e0f2fe;--btn-github-bg:#1e3a8a;--btn-github-text:#e0f2fe;}}*{box-sizing:border-box;margin:0;padding:0;transition:background-color 0.2s,border-color 0.2s,color 0.2s;}html{scroll-behavior:smooth;}body{background-color:var(--bg-body);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.5;}a{text-decoration:none;color:inherit;}.navbar{background-color:var(--bg-nav);border-bottom:1px solid var(--border-color);padding:1rem;position:sticky;top:0;z-index:50;}.nav-container{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center;}.logo{font-size:1.25rem;font-weight:700;color:var(--btn-primary-bg);letter-spacing:0.025em;}.nav-mobile-top{width:100%;display:flex;justify-content:space-between;align-items:center;}.nav-right{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;position:relative;z-index:10;}.nav-links{display:flex;gap:1rem;align-items:center;font-size:0.85rem;font-weight:500;}.nav-link:hover{color:var(--btn-primary-bg);}.btn-github{background-color:var(--btn-github-bg);color:var(--btn-github-text);padding:0.4rem 0.8rem;border-radius:0.5rem;font-weight:500;font-size:0.85rem;border:1px solid var(--border-color);white-space:nowrap;}.btn-github:hover{opacity:0.9;}@media (min-width:768px){.navbar{padding:1rem 1.5rem;}.nav-container{flex-direction:row;justify-content:space-between;gap:0;}.nav-mobile-top{width:auto;}.nav-right{width:auto;gap:1.5rem;}.nav-links{gap:1.5rem;font-size:0.875rem;}.btn-github{padding:0.5rem 1rem;font-size:0.875rem;}}.controls-group{display:flex;gap:0.5rem;align-items:center;}.switch-box{display:inline-flex;background-color:var(--bg-body);border:1px solid var(--border-color);padding:0.25rem;border-radius:0.75rem;gap:0.25rem;}.switch-btn{background:none;border:none;color:var(--text-main);padding:0.35rem 0.6rem;border-radius:0.5rem;cursor:pointer;font-size:0.75rem;font-weight:600;}.switch-btn.active{background-color:var(--btn-primary-bg);color:#ffffff;}.section-padding{padding:5rem 1.5rem;border-top:1px solid var(--border-color);}.section-title{font-size:2rem;font-weight:800;color:var(--heading-color);margin-bottom:2rem;text-align:center;}.hero{max-width:56rem;margin:0 auto;text-align:center;padding:5rem 1rem;position:relative;z-index:5;}.badge{background-color:var(--accent-bg);color:var(--accent-text);font-size:0.75rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:9999px;display:inline-block;}.hero-title{font-size:2.5rem;font-weight:800;color:var(--heading-color);margin-top:1rem;letter-spacing:-0.025em;line-height:1.2;}@media (min-width:768px){.hero-title{font-size:3rem;}}.hero-text{font-size:1.125rem;color:var(--text-main);opacity:0.9;margin:1rem auto 0 auto;max-width:36rem;}.hero-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1rem;}.btn-primary{background-color:var(--btn-primary-bg);color:#ffffff;padding:0.75rem 1.5rem;border-radius:0.75rem;font-weight:600;box-shadow:0 4px 6px -1px rgba(56,189,248,0.2);}.btn-primary:hover{background-color:var(--btn-primary-hover);}.btn-secondary{background-color:var(--btn-secondary-bg);border:1px solid var(--border-color);color:var(--btn-secondary-text);padding:0.75rem 1.5rem;border-radius:0.75rem;font-weight:600;}.btn-secondary:hover{background-color:var(--accent-bg);}.features{max-width:72rem;margin:0 auto;padding:3rem 1.5rem;}.grid{display:grid;gap:2rem;}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr);}}.card{background-color:var(--bg-card);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);}.card-icon{font-size:1.5rem;margin-bottom:0.75rem;}.card-title{font-size:1.125rem;font-weight:700;color:var(--heading-color);}.card-text{color:var(--text-main);opacity:0.85;font-size:0.875rem;margin-top:0.5rem;}.doc-container{max-width:56rem;margin:0 auto;}.doc-block{background-color:var(--bg-card);border:1px solid var(--border-color);padding:2rem;border-radius:1rem;margin-bottom:1.5rem;}.doc-block h4{font-size:1.25rem;color:var(--heading-color);margin-bottom:0.75rem;}.doc-block p{margin-bottom:1rem;font-size:0.95rem;opacity:0.9;}.code-box{display:block;background-color:var(--bg-body);border:1px solid var(--border-color);padding:1rem;border-radius:0.5rem;font-family:monospace;font-size:0.875rem;color:var(--heading-color);overflow-x:auto;margin-top:0.5rem;white-space:pre-wrap;line-height:1.4;}.timeline{position:relative;max-width:44rem;margin:0 auto;padding-left:2rem;border-left:2px solid var(--border-color);}.timeline-item{position:relative;margin-bottom:2.5rem;}.timeline-item::before{content:'';position:absolute;left:calc(-2rem - 6px);top:0.25rem;width:10px;height:10px;border-radius:50%;background-color:var(--btn-primary-bg);border:2px solid var(--bg-body);}.timeline-date{font-size:0.85rem;font-weight:700;color:var(--btn-primary-bg);margin-bottom:0.25rem;}.timeline-version{font-size:1.25rem;font-weight:800;color:var(--heading-color);margin-bottom:0.5rem;}.timeline-list{list-style:none;padding-left:0;}.timeline-list li{font-size:0.9rem;margin-bottom:0.4rem;opacity:0.9;position:relative;padding-left:1rem;}.timeline-list li::before{content:"•";color:var(--btn-primary-bg);position:absolute;left:0;font-weight:bold;}[data-lang="de"] .lang-en{display:none !important;}[data-lang="en"] .lang-de{display:none !important;}.footer{background-color:var(--bg-nav);border-top:1px solid var(--border-color);padding:2rem 1.5rem;margin-top:5rem;width:100%;}.footer-container{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center;}@media (min-width:768px){.footer-container{flex-direction:row;justify-content:space-between;text-align:left;}}.footer-links{display:flex;gap:1.5rem;}.footer-link{font-size:0.875rem;color:var(--text-main);opacity:0.8;}.footer-link:hover{color:var(--btn-primary-bg);opacity:1;}.copyright{font-size:0.875rem;color:var(--text-main);opacity:0.7;}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(7,25,46,0.6);backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.modal-overlay.open{opacity:1;pointer-events:auto;}.modal-card{background-color:var(--bg-card);border:1px solid var(--border-color);padding:2.5rem;border-radius:1.5rem;max-width:40rem;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,0.2);position:relative;}.modal-card h3{font-size:1.5rem;color:var(--heading-color);margin-bottom:1.5rem;}.modal-card h4{font-size:1rem;color:var(--heading-color);margin-top:1.25rem;margin-bottom:0.5rem;}.modal-card p{font-size:0.9rem;opacity:0.9;margin-bottom:1rem;line-height:1.6;}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:var(--accent-bg);color:var(--accent-text);border:none;width:2rem;height:2rem;border-radius:50%;font-weight:bold;cursor:pointer;display:flex;justify-content:center;align-items:center;}.modal-close-btn:hover{background-color:var(--btn-primary-bg);color:#ffffff;}.download-item-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:0.5rem;position:relative;z-index:20;}.download-item-row a{color:var(--btn-primary-bg);font-weight:600;cursor:pointer;position:relative;z-index:30;}.download-item-row a:hover{color:var(--btn-primary-hover);text-decoration:underline;}.download-extra-info{font-size:0.85rem;opacity:0.8;}.download-counter-badge{background-color:var(--accent-bg);color:var(--accent-text);font-size:0.75rem;font-weight:700;padding:0.2rem 0.6rem;border-radius:9999px;margin-left:auto;margin-right:1rem;}#backToTop{position:fixed;bottom:20px;right:20px;width:36px;height:36px;font-size:18px;line-height:34px;text-align:center;cursor:pointer;opacity:0;pointer-events:none;transition:0.3s ease;z-index:9999;background:var(--bg-nav);border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;color:var(--text-main);}#backToTop:hover{transform:scale(1.15);background:var(--accent-bg);color:var(--btn-primary-bg);}#backToTop.visible{opacity:1;pointer-events:auto;}