@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--nav-height:80px;--nav-height-mobile:64px;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-color:#007aff;--accent-hover:#06c;--font-main:"Outfit", "Inter", -apple-system, sans-serif;--glass-bg:#ffffffb8;--glass-border:#00000014;--glass-shadow:0 8px 32px #0000000a;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:40px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}[data-theme=kids]{--bg-primary:#f0f9ff;--bg-secondary:#fff;--text-primary:#036;--text-secondary:#4a6a8a;--accent-color:#007aff;--glass-bg:#ffffffe6;--glass-border:#007aff26;--radius-lg:28px}@keyframes bounceBtn{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.kid-bounce{animation:2s ease-in-out infinite bounceBtn}@media (prefers-color-scheme:dark){:root:not([data-theme=kids]){--bg-primary:#000;--bg-secondary:#0a0a0c;--text-primary:#fff;--text-secondary:#a1a1a6;--accent-color:#0a84ff;--accent-hover:#409cff;--glass-bg:#141418d9;--glass-border:#ffffff1f;--glass-shadow:0 12px 48px #0009}}html,body{width:100%;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-smooth), color var(--transition-smooth)}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:all var(--transition-smooth)}.arena-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0a84ff1a,#0006);border:1px solid #0a84ff4d;position:relative;overflow:hidden;box-shadow:0 0 20px #0a84ff26}.arena-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#0a84ff0d 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.glow-blue{box-shadow:0 0 15px #0a84ff66}.glow-gold{box-shadow:0 0 20px #ffd60a80;border:2px solid #ffd60a!important}@media (max-width:1200px){.problem-sidebar{z-index:10;margin-bottom:24px;width:100%!important;position:relative!important;top:0!important}}@media (max-width:768px){.glass-panel{border-radius:20px!important;padding:20px!important}.apple-heading{letter-spacing:-1px!important;font-size:28px!important}:root{--nav-height:var(--nav-height-mobile)}section{padding-top:60px!important;padding-bottom:60px!important}.modal-overlay{z-index:2000!important;border-radius:0!important;width:100%!important;height:100%!important;padding:16px!important;position:fixed!important;inset:0!important}.session-header{padding:12px 20px!important}.session-main{gap:16px!important;padding:16px!important}.floating-coach-btn{width:50px!important;height:50px!important;bottom:20px!important;right:20px!important}body,html{overflow-x:hidden}}button,input,select{z-index:2;position:relative}.apple-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;transition:all var(--transition-fast);word-break:break-word;text-align:center;border:none;border-radius:980px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:10px 24px;font-size:15px;font-weight:700;display:inline-flex}.apple-btn:hover{background-color:var(--accent-hover);filter:brightness(1.1);transform:scale(1.02)}.apple-btn:active{transform:scale(.98)}.apple-input{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);outline:none;padding:14px 18px;font-size:16px}.apple-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #007aff1a}.markdown-content{line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text-primary);letter-spacing:-.02em;margin:1.5em 0 .8em;font-weight:800}.markdown-content p{margin-bottom:1.2em}.markdown-content table{border-collapse:collapse;border:2px solid var(--text-primary);background:var(--bg-secondary);width:100%;margin:32px 0}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:24px;overflow-x:auto}.markdown-content th,.markdown-content td{border:1px solid var(--text-primary);text-align:left;padding:16px}.markdown-content th{text-transform:uppercase;letter-spacing:.05em;background:#007aff0d;font-size:.85em;font-weight:800}.katex{color:inherit!important;font-size:1.1em!important}.katex-display{border-radius:var(--radius-sm);background:#00000005;padding:16px;margin:1.5em 0!important}@media (max-width:768px){.problem-sidebar{z-index:100;max-height:80vh;width:calc(100% - 40px)!important;position:fixed!important;top:auto!important;bottom:20px!important;left:20px!important}}@media print{.no-print{display:none!important}body{color:#000!important;background:#fff!important}.glass-panel{box-shadow:none!important;background:0 0!important;border:none!important}.markdown-content table{border:2px solid #000!important}.markdown-content th,.markdown-content td{color:#000!important;border:1px solid #000!important}.markdown-content th{background:#eee!important}}.section-reveal{opacity:0;will-change:transform, opacity;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.section-visible{opacity:1!important;transform:translateY(0)!important}.mesh-gradient-container{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mesh-ball{filter:blur(80px);opacity:.25;will-change:transform;border-radius:50%;position:absolute}@media (max-width:768px){.mesh-ball-3{display:none}.mesh-ball{filter:blur(120px);opacity:.15}}.mesh-ball-1{background:#007aff;width:500px;height:500px;top:-100px;left:-100px}.mesh-ball-2{background:#34c759;width:600px;height:600px;bottom:-150px;right:-100px}.mesh-ball-3{background:#5e5ce6;width:450px;height:450px;top:50%;left:30%}@keyframes meshMove{0%{transform:translate(0)scale(1)}50%{transform:translate(100px,50px)scale(1.1)}to{transform:translate(-50px,100px)scale(.9)}}@media (min-width:1024px){.sticky-parallax-feature{align-items:center;min-height:80vh;display:flex;top:0;position:sticky!important}.features-grid{grid-template-columns:repeat(2,1fr)!important;gap:32px!important;display:grid!important}.feature-card{flex-direction:column;justify-content:center;display:flex;min-height:280px!important;padding:48px!important}}@media (max-width:1023px){.features-grid{flex-direction:column;gap:24px;display:flex}}.hero-main-btn{color:#fff;background-color:#000;border-radius:50px;padding:24px 48px;font-size:22px;font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px #0003}.hero-main-btn:hover{background-color:#1d1d1f;transform:translateY(-8px)scale(1.02);box-shadow:0 35px 70px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stagger-in>div{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.stagger-in>div:first-child{animation-delay:.1s}.stagger-in>div:nth-child(2){animation-delay:.3s}.stagger-in>div:nth-child(3){animation-delay:.5s}.hover-lift{transition:all .6s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-16px);box-shadow:0 40px 80px #0000001a}.pricing-card-dark:hover{transform:translateY(-16px);box-shadow:0 40px 80px #0006;border-color:#fff3!important}.feature-card{cursor:pointer;border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:hover{background-color:#fff;transform:translateY(-10px);box-shadow:0 30px 60px #0000000d}@media (max-width:900px){#workflow-steps>div{gap:30px!important}}@media (max-width:768px){#workflow-steps>div{flex-direction:row!important;gap:30px!important}#workflow-steps [style*="minHeight: '600px'"]{flex-shrink:0;min-height:900px!important}#workflow-steps .workflow-step h4{font-size:18px!important}#workflow-steps .workflow-step p{font-size:15px!important}#preise h2{margin-bottom:40px!important;font-size:40px!important}}@media (max-width:480px){.hero-main-btn{width:100%;padding:16px 32px!important;font-size:16px!important}}
