*{box-sizing:border-box;margin:0;padding:0}body{color:#f0ede8;background:#0a0f1c radial-gradient(circle at 15% 30%,#1e2837f2,#050a12);font-family:Inter,sans-serif;line-height:1.4}.app{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 3rem}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a121cb3;border:1px solid #ff824666;border-radius:80px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:.5rem 1.8rem;display:flex;box-shadow:0 12px 28px #0006}.logo h1{color:#0000;letter-spacing:-.5px;background:linear-gradient(125deg,#ffb347,#ff6b35);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800}.logo p{color:#fa7;font-size:.75rem;font-weight:500}.nav{background:#00000080;border-radius:60px;gap:.4rem;padding:.3rem;display:flex}.nav-btn{cursor:pointer;color:#f0e2d4;background:0 0;border:none;border-radius:50px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.nav-btn.active{color:#fff;background:#ff6b35;box-shadow:0 4px 12px #ff6b3566}.nav-btn:not(.active):hover{background:#ff6e374d;transform:translateY(-2px)}.view{animation:.35s ease-out fadeSlide;display:none}.view.active-view{display:block}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:1rem;display:grid}.menu-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#161e28cc;border:1px solid #ff824680;border-radius:2rem;transition:all .25s;overflow:hidden}.menu-card:hover{border-color:#ff6b35;transform:translateY(-8px);box-shadow:0 25px 35px -12px #ff6b3540}.card-img{background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;height:180px;padding:.8rem;display:flex;position:relative}.card-info{padding:1.2rem 1.2rem 1.4rem}.card-info h3{color:#ffe0bd;margin-bottom:.3rem;font-size:1.5rem;font-weight:800}.desc{color:#bcafa0;margin:.5rem 0;font-size:.85rem}.price-row{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.price{color:#ffa559;font-size:1.4rem;font-weight:800}.order-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:40px;align-items:center;gap:6px;padding:.5rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.order-btn:hover{background:#ff864f;transform:scale(.97)}.cart-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121a22d9;border:1px solid #ff9b5566;border-radius:2rem;max-width:700px;padding:1.8rem}.cart-item{border-bottom:1px solid #ff9b6433;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.cart-item-qty{align-items:center;gap:12px;display:flex}.qty-btn{cursor:pointer;color:#ffb277;background:#2a2f3c;border:none;border-radius:30px;width:30px;height:30px;font-weight:700}.qty-btn:hover{color:#fff;background:#ff6b35}.cart-total{text-align:right;border-top:2px dashed #ff8c5a;margin-top:1rem;padding-top:1rem;font-size:1.4rem;font-weight:800}.checkout-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:60px;width:100%;margin-top:1.2rem;padding:1rem;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;visibility:hidden;opacity:0;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;transition:visibility .2s,opacity .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{visibility:visible;opacity:1}.modal-card{background:#171f2a;border:1px solid #ff8c42;border-radius:2rem;width:90%;max-width:520px;transition:transform .2s cubic-bezier(.2,.9,.4,1.1);overflow:hidden;transform:scale(.95);box-shadow:0 30px 50px #0009}.modal-overlay.active .modal-card{transform:scale(1)}.modal-img{background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-end;height:240px;padding:1rem;display:flex;position:relative}.modal-img span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:40px;padding:.4rem 1rem;font-size:2rem}.modal-content{padding:1.8rem}.modal-content h2{color:#ffd9b5;margin-bottom:.75rem;font-size:1.8rem;font-weight:800}.ingredient-list{flex-wrap:wrap;gap:.6rem;margin:1.2rem 0;display:flex}.ingredient-tag{color:#ffc68a;background:#2c2f3c;border-radius:40px;padding:.3rem 1rem;font-size:.8rem;font-weight:500}.modal-price{color:#ffa25b;margin:.8rem 0;font-size:1.5rem;font-weight:800}.modal-actions{gap:1rem;margin-top:1rem;display:flex}.modal-add-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:60px;flex:1;padding:.8rem;font-weight:700}.modal-close-btn{color:#ffc491;cursor:pointer;background:#2c2f3c;border:none;border-radius:60px;padding:.8rem;font-weight:700}.close-icon{cursor:pointer;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;position:absolute;top:16px;right:20px}.about-card,.contact-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1620b3;border:1px solid #ff824680;border-radius:2rem;padding:1.8rem}.about-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1620b3;border:1px solid #ff824680;border-radius:2rem;padding:2rem;box-shadow:0 12px 28px #0000004d}.about-card h2{color:#0000;background:linear-gradient(135deg,#ffb347,#ff7a44);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2rem;font-weight:800}.features{flex-wrap:wrap;gap:1.8rem;margin:2rem 0;display:flex}.feature{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:1.5rem;flex:1;padding:1.2rem}.feature i{color:#ff8c42;margin-bottom:.5rem;font-size:2.2rem}.contact-info{background:#0006;border:1px solid #ff9f5f30;border-radius:1.8rem;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-top:1rem;padding:1.8rem;display:flex}footer{text-align:center;color:#aa8a64;border-top:1px solid #ffa25f30;margin-top:3rem;padding-top:2rem;font-size:.75rem}@media (width<=700px){.app{padding:1rem}.header{border-radius:2rem;flex-direction:column}}.hero-slider{border:1px solid #ff82464d;border-radius:2rem;width:100%;max-width:1400px;margin:0 auto 2rem;position:relative;overflow:hidden;box-shadow:0 25px 40px -12px #00000080}.slider-container{width:100%;height:400px;position:relative;overflow:hidden}.slider-track{width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.slide{background-position:50%;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide:before{content:"";z-index:1;background:linear-gradient(135deg,#0009 0%,#0000004d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.slide-content{z-index:2;text-align:center;color:#fff;max-width:80%;animation:.6s ease-out fadeUp;position:relative}.slide-content h2{text-shadow:0 2px 10px #00000080;letter-spacing:-.5px;margin-bottom:1rem;font-size:3rem;font-weight:800}.slide-content p{text-shadow:0 1px 5px #00000080;opacity:.95;font-size:1.2rem;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slider-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:10;color:#ffb347;background:#0009;border:1px solid #ff8c4699;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{color:#fff;background:#ff6b35;border-color:#fff;transform:translateY(-50%)scale(1.05)}.slider-prev{left:20px}.slider-next{right:20px}.slider-dots{z-index:10;justify-content:center;gap:12px;display:flex;position:absolute;bottom:20px;left:0;right:0}.dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.dot.active{background:#ff6b35;border-radius:20px;width:28px;box-shadow:0 0 8px #ff6b35}.dot:hover{background:#ffb347;transform:scale(1.2)}@media (width<=768px){.slider-container{height:300px}.slide-content h2{font-size:1.8rem}.slide-content p{font-size:.9rem}.slider-btn{width:36px;height:36px;font-size:1rem}}@media (width<=480px){.slider-container{height:250px}.slide-content h2{font-size:1.4rem}}.category-filter{flex-wrap:wrap;justify-content:center;gap:.8rem;margin:2rem 0;padding:.5rem;display:flex}.filter-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0e2d4;cursor:pointer;background:#141c26b3;border:1px solid #ff824666;border-radius:60px;padding:.7rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.filter-btn:hover{background:#ff6b354d;border-color:#ff6b35;transform:translateY(-2px)}.filter-btn.active{color:#fff;background:#ff6b35;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b354d}@media (width<=768px){.filter-btn{padding:.5rem 1rem;font-size:.8rem}}