:root{--bg-body: #ffffff;--bg-surface: #ffffff;--primary: #000000;--primary-hover: #333333;--secondary: #000000;--accent: #f0f0f0;--text-main: #111827;--text-muted: #6b7280;--border-color: #e5e7eb;--radius: 4px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif}body{font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-main);line-height:1.6;min-height:100vh}.app-container{max-width:900px;margin:0 auto;padding-bottom:100px}.glass-header{position:sticky;top:0;margin:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-bottom:1px solid var(--border-color)}.logo h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-main)}.logo .subtitle{font-size:.8rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.cart-trigger{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:50px;padding:10px 24px;display:flex;align-items:center;gap:12px;color:var(--text-main);cursor:pointer;transition:all .3s ease;font-weight:500}.cart-trigger:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cart-trigger .count{background:var(--primary);color:#fff;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:700}.hero{padding:60px 24px;text-align:center}.hero h2{font-family:var(--font-heading);font-size:3.5rem;color:var(--text-main);margin-bottom:16px;letter-spacing:-1px}.hero p{color:var(--text-muted);font-size:1.2rem;max-width:500px;margin:0 auto}.category-tabs{display:flex;justify-content:center;gap:12px;padding:0 24px;margin-bottom:48px;flex-wrap:wrap}.tab-btn{background:var(--bg-surface);border:2px solid transparent;color:var(--text-muted);padding:10px 24px;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--text-main);border-color:var(--text-main)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px;padding:0 32px}.menu-card{background:var(--bg-surface);border-radius:var(--radius);overflow:hidden;transition:all .2s ease;border:1px solid var(--border-color)}.menu-card:hover{border-color:var(--text-muted)}.card-image-container{width:100%;height:220px;overflow:hidden;background:#f1f2f6}.card-image-container img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.menu-card:hover .card-image-container img{opacity:.9}.card-content{padding:24px}.card-header{margin-bottom:12px}.card-header h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:4px;color:var(--text-main)}.card-header .price{font-weight:700;font-size:1.1rem;color:var(--secondary);display:block;margin-top:4px}.description{font-size:.95rem;color:var(--text-muted);margin-bottom:20px;line-height:1.6}.add-btn{width:100%;padding:14px;background:var(--bg-body);color:var(--text-main);border:1px solid var(--text-main);border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s}.add-btn:hover{background:var(--text-main);color:#fff}.add-btn.added{background:var(--secondary);color:#fff}.cart-modal{margin:0 0 0 auto;width:100%;max-width:420px;height:100vh;max-height:100vh;right:0;top:0;bottom:0;position:fixed;border:none;border-left:1px solid var(--border-color);background:var(--bg-surface);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.cart-modal[open]{transform:translate(0)}.cart-modal::backdrop{background:#2d343666;backdrop-filter:blur(4px)}.cart-content header{padding:32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.cart-content header h3{font-family:var(--font-heading);font-size:1.8rem;color:var(--text-main)}.close-btn{background:#f1f2f6;width:40px;height:40px;border-radius:50%;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#dfe6e9}.cart-item{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.item-info h4{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:4px}.item-info .item-price{color:var(--secondary);font-weight:600}.item-controls{background:#f1f2f6;border-radius:12px;padding:4px;display:flex;align-items:center;gap:8px}.qty-btn{background:#fff;width:28px;height:28px;border-radius:8px;border:none;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-weight:700;color:var(--text-main)}.qty-btn:active{transform:scale(.9)}.cart-content footer{padding:32px;background:#f8f9fa;border-top:1px solid var(--border-color)}.total-row{display:flex;justify-content:space-between;font-family:var(--font-heading);font-size:1.5rem;color:var(--text-main);margin-bottom:24px;font-weight:700}.primary-btn{background:var(--text-main);color:#fff;border:none;padding:20px;border-radius:var(--radius);font-weight:600;font-size:1rem;width:100%;cursor:pointer;transition:background .2s}.primary-btn:hover{background:#000}.auth-modal{margin:0;padding:0;border:none;border-radius:var(--radius);background:var(--bg-surface);box-shadow:0 25px 50px -12px #00000040;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:400px;max-height:90vh;z-index:1000;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.auth-modal[open]{opacity:1;transform:translate(-50%,-50%) scale(1);display:flex;flex-direction:column}.auth-modal::backdrop{background:#00000080;backdrop-filter:blur(4px)}.auth-modal .cart-content{height:auto}.auth-modal header{padding:20px 24px}:root{--color-dark: #1E1E1E;--color-orange: #000000;--color-light-bg: #F9FAFB;--color-white: #FFFFFF;--color-text-light: #6B7280;--color-border: #E5E7EB;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--radius-sm: 4px;--radius-md: 4px;--radius-lg: 4px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);line-height:1.6;color:var(--color-dark)}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.landing-hero{width:100%;padding:calc(var(--spacing-xxl) * 1.5) 0;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);color:var(--color-dark);text-align:center}.landing-hero-content{text-align:center;max-width:800px;padding:var(--spacing-lg)}.landing-hero h1{font-size:3.5rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2}.landing-hero h1 .highlight{color:var(--color-dark)}.landing-hero p{font-size:1.25rem;margin-bottom:var(--spacing-xl);color:var(--color-text-light)}.landing-cta-button{display:inline-block;background-color:var(--color-orange);color:var(--color-white);padding:1rem 2.5rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .2s ease;cursor:pointer;border:1px solid var(--color-orange)}.landing-cta-button:hover{background-color:transparent;color:var(--color-orange)}.landing-section{padding:var(--spacing-xxl) 0}.landing-section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-dark)}.landing-section-subtitle{text-align:center;font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.featured-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease;border:1px solid var(--color-border)}.featured-card:hover{border-color:var(--color-text-light)}.featured-card-image{width:100%;height:250px;object-fit:cover}.featured-card-content{padding:var(--spacing-md)}.featured-card-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-dark)}.featured-card-description{color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.6}.featured-card-price{font-size:1.5rem;font-weight:700;color:var(--color-orange)}.testimonials-section{background-color:var(--color-light-bg)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.testimonial-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .2s ease}.testimonial-card:hover{border-color:var(--color-text-light)}.testimonial-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.testimonial-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover}.testimonial-info h4{font-size:1.1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-dark)}.testimonial-stars{color:var(--color-orange);font-size:1rem}.testimonial-text{color:var(--color-text-light);line-height:1.7;font-style:italic}.landing-footer{background-color:var(--color-white);color:var(--color-dark);padding:var(--spacing-xxl) 0 var(--spacing-lg);border-top:1px solid var(--color-border)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-section h3{color:var(--color-dark);font-size:1.1rem;margin-bottom:var(--spacing-md);font-weight:600}.footer-section p,.footer-section a{color:var(--color-text-light);text-decoration:none;line-height:1.8;display:block;margin-bottom:var(--spacing-xs)}.footer-section a:hover{color:var(--color-dark)}.footer-social{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-light-bg);border:1px solid var(--color-border);color:var(--color-dark);border-radius:50%;transition:all .2s ease;text-decoration:none}.footer-social a:hover{background-color:var(--color-white);border-color:var(--color-dark)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);color:var(--color-text-light)}@media(max-width:768px){.landing-hero{height:500px}.landing-hero h1{font-size:2.5rem}.landing-hero p{font-size:1rem}.landing-section-title{font-size:2rem}.featured-grid,.testimonials-grid,.footer-content{grid-template-columns:1fr}}@media(max-width:480px){.landing-hero h1{font-size:2rem}.landing-cta-button{padding:.875rem 2rem;font-size:1rem}.landing-section{padding:var(--spacing-lg) 0}}