:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-alt: #334155;--color-surface-hover: #475569;--color-primary: #06b6d4;--color-primary-hover: #0891b2;--color-primary-light: rgba(6, 182, 212, .1);--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-dark: #1e293b;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-border: #334155;--color-border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(6, 182, 212, .3);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--max-width: 1400px;--header-height: 64px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}.skip-link{position:fixed;top:0;left:1rem;z-index:1000;transform:translateY(-120%);padding:.75rem 1rem;background:var(--color-primary);color:var(--color-text-dark);border-radius:0 0 var(--radius-md) var(--radius-md)}.skip-link:focus{transform:translateY(0)}.lang-btn.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.header{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.header-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.logo{font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm)}.logo:hover{color:var(--color-primary-hover)}.nav{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.nav-link{color:var(--color-text);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.nav-link:hover{background:var(--color-primary-light);color:var(--color-primary)}.lang-buttons{display:flex;gap:var(--spacing-xs)}.lang-btn{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.lang-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.lang-btn img{width:18px;height:12px}.hero{background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-bg) 100%);padding:var(--spacing-2xl) 0;text-align:left;border-bottom:1px solid var(--color-border)}.hero-content{max-width:1100px;margin:0 auto;padding:0 var(--spacing-lg);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:var(--spacing-2xl)}.hero-eyebrow{display:block;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-size:var(--text-xs);font-weight:800;letter-spacing:.14em}.hero h1{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);max-width:600px}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-start;flex-wrap:wrap}.hero-visual{position:relative;min-height:320px;display:grid;place-items:center}.visual-ring{position:absolute;width:270px;height:270px;border:1px solid rgba(6,182,212,.35);border-radius:50%;box-shadow:inset 0 0 50px #06b6d414,0 0 60px #06b6d414}.visual-item{position:relative;object-fit:contain;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:#0f172ad9;box-shadow:var(--shadow-lg)}.visual-main{padding:var(--spacing-lg);z-index:1}.visual-small{position:absolute;padding:var(--spacing-sm)}.visual-top{top:12px;right:8px}.visual-bottom{bottom:8px;left:4px}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all var(--transition-fast);border:none;cursor:pointer;font-size:var(--text-base)}.btn-primary{background:var(--color-primary);color:var(--color-text-dark)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.section{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg)}.section-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.feature-icon{font-size:var(--text-4xl);margin-bottom:var(--spacing-md)}.feature-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text)}.feature-description{color:var(--color-text-muted);line-height:1.6}.how-it-works{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.step{text-align:center;padding:var(--spacing-lg)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-primary);color:var(--color-text-dark);border-radius:50%;font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-md)}.step-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.step-description{color:var(--color-text-muted);font-size:var(--text-sm)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.recipe-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.recipe-card-image{width:100%;height:200px;object-fit:contain;background:var(--color-bg);padding:var(--spacing-md)}.recipe-card-content{padding:var(--spacing-lg)}.recipe-card-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.recipe-card-description{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.recipe-card-ingredients{list-style:none;padding:0}.recipe-card-ingredients li{padding:var(--spacing-xs) 0;color:var(--color-text-muted);font-size:var(--text-sm);border-bottom:1px solid var(--color-border)}.recipe-card-ingredients li:last-child{border-bottom:none}.recipe-card-link{display:inline-block;margin-top:var(--spacing-md);color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.recipe-card-link:hover{color:var(--color-primary-hover)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer-content{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footer-links{display:flex;gap:var(--spacing-lg);justify-content:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap}.footer-link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.footer-disclaimer{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.footer-copyright{color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-copy p{margin-inline:auto}.hero-visual{min-height:260px}.hero-buttons{justify-content:center}.hero h1{font-size:var(--text-3xl)}.hero p{font-size:var(--text-base)}.section{padding:var(--spacing-xl) var(--spacing-md)}.features-grid,.recipes-grid{grid-template-columns:1fr}}@media(max-width:480px){.header-content{flex-direction:column;text-align:center}.hero-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.lang-btn span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}