:root{--color-primary: #34C759;--color-primary-light: #30D158;--color-primary-dark: #248A3D;--color-background: #F2F2F7;--color-surface: #FFFFFF;--color-surface-secondary: #F2F2F7;--color-text: #000000;--color-text-secondary: #6B6B6B;--color-text-tertiary: #8E8E93;--color-border: #E5E5EA;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--max-width: 1200px;--content-width: 800px}@media(prefers-color-scheme:dark){:root{--color-primary: #30D158;--color-background: #000000;--color-surface: #1C1C1E;--color-surface-secondary: #2C2C2E;--color-text: #FFFFFF;--color-text-secondary: #ADADAD;--color-text-tertiary: #8E8E93;--color-border: #38383A}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:48px;letter-spacing:-.02em}h2{font-size:32px}h3{font-size:24px}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.content-container{max-width:var(--content-width);margin:0 auto;padding:0 var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:16px;font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff!important}.btn-primary:hover{background:var(--color-primary-dark);opacity:1}header{position:sticky;top:0;background:var(--color-background);backdrop-filter:blur(10px);z-index:100;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;color:var(--color-text)}.logo-svg{height:32px;width:auto}.nav-links{display:flex;gap:var(--spacing-lg);align-items:center}.nav-links a{color:var(--color-text-secondary);font-weight:500}.nav-links a:hover{color:var(--color-text)}.lang-select{appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:14px;color:var(--color-text);cursor:pointer}.hero{padding:var(--spacing-3xl) 0;text-align:center}.hero h1{margin-bottom:var(--spacing-lg)}.hero p{font-size:20px;max-width:600px;margin:0 auto var(--spacing-xl)}.section{padding:var(--spacing-3xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.feature-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center}.feature-icon{width:56px;height:56px;background:#34c7591a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md);font-size:24px}.feature-card h4{margin-bottom:var(--spacing-sm)}.feature-card p{font-size:14px}.store-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.store-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-text);color:var(--color-background);border-radius:var(--radius-lg);font-weight:600;transition:transform .2s}.store-button:hover{transform:scale(1.02);opacity:1}.store-button svg{width:24px;height:24px}.team-section{background:var(--color-surface)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.team-member{text-align:center}.team-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;font-weight:700}.team-member h4{margin-bottom:var(--spacing-xs);font-size:18px}.team-member p{font-size:14px}.made-in-germany{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-secondary)}.germany-flag{display:flex;width:20px;height:14px;border-radius:2px;overflow:hidden;flex-direction:column}.germany-flag span{flex:1}.germany-flag .black{background:#000}.germany-flag .red{background:#d00}.germany-flag .gold{background:#fc0}footer{background:var(--color-surface);padding:var(--spacing-2xl) 0;margin-top:var(--spacing-3xl);border-top:1px solid var(--color-border)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.footer-links a{color:var(--color-text-secondary);font-size:14px}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{display:flex;align-items:center;gap:var(--spacing-lg)}.footer-copyright{font-size:14px;color:var(--color-text-tertiary)}.legal-content{padding:var(--spacing-3xl) 0}.legal-content h1{font-size:36px;margin-bottom:var(--spacing-xl)}.legal-content h2{font-size:24px;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--color-text)}.legal-content h3{font-size:20px;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--color-text)}.legal-content p{margin-bottom:var(--spacing-md);line-height:1.8}.legal-content ul,.legal-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.legal-content li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);line-height:1.8}.legal-content a{text-decoration:underline}@media(max-width:768px){h1{font-size:32px}h2{font-size:24px}.hero p{font-size:18px}.nav-links{display:none}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.section{padding:var(--spacing-2xl) 0}}
