:root{--primary:#ef7f01;--primary-dark:#d67100;--primary-light:#ff9a33;--primary-gradient:linear-gradient(135deg, #ef7f01 0%, #ff9a33 100%);--dark:#1a1a1a;--dark-secondary:#2d2d2d;--gray:#6b6b6b;--gray-light:#f0f0f0;--white:#fff;--shadow:0 4px 20px #0000001a;--shadow-hover:0 12px 40px #00000026;--radius:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--white);color:var(--dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}body.no-scroll{overflow:hidden!important}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{color:var(--white);background:var(--dark);align-items:center;min-height:600px;padding:80px 0;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-image{object-fit:cover;object-position:center}.hero-overlay{z-index:1;background:radial-gradient(at 20%,#ef7f014d 0%,#0000 60%),radial-gradient(at 80%,#ef7f011a 0%,#0000 50%),radial-gradient(at 50% 100%,#ef7f0126 0%,#0000 40%),linear-gradient(135deg,#000000d9 0%,#000000b3 50%,#000000e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-particles{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:var(--primary);opacity:0;border-radius:50%;width:4px;height:4px;animation:15s infinite particleFloat;position:absolute}.particle:first-child{animation-duration:12s;animation-delay:0s;left:10%}.particle:nth-child(2){width:6px;height:6px;animation-duration:14s;animation-delay:2s;left:25%}.particle:nth-child(3){animation-duration:16s;animation-delay:4s;left:40%}.particle:nth-child(4){width:5px;height:5px;animation-duration:13s;animation-delay:1s;left:55%}.particle:nth-child(5){animation-duration:15s;animation-delay:3s;left:70%}.particle:nth-child(6){width:6px;height:6px;animation-duration:11s;animation-delay:5s;left:85%}@keyframes particleFloat{0%{opacity:0;top:-10%;transform:translate(0)scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;top:110%;transform:translate(50px)scale(1)}}.hero-glow{filter:blur(60px);background:radial-gradient(circle,#ef7f014d 0%,#0000 70%);border-radius:50%;width:80%;height:80%;animation:3s ease-in-out infinite glowPulse;position:absolute}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.hero .container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-content{flex-direction:column;gap:24px;display:flex}.hero-badge{width:fit-content;color:var(--primary-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef7f0133;border:1px solid #ef7f0166;border-radius:50px;align-items:center;gap:10px;padding:8px 20px;font-size:14px;font-weight:500;animation:.8s fadeInUp;display:inline-flex}.badge-icon{animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.hero h1{text-shadow:0 4px 20px #0000004d;font-size:52px;font-weight:800;line-height:1.2;animation:1s fadeInUp}.hero h1 span{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.hero h1 span:after{content:"";background:var(--primary-gradient);-webkit-text-fill-color:transparent;border-radius:2px;width:100%;height:4px;position:absolute;bottom:5px;left:0}.hero p{opacity:.95;text-shadow:0 2px 10px #0000004d;max-width:500px;font-size:18px;line-height:1.6;animation:1.2s fadeInUp}.hero-buttons{flex-wrap:wrap;gap:16px;animation:1.4s fadeInUp;display:flex}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:0 4px 20px #ef7f0166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ef7f0199}.btn-outline{color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d}.btn-outline:hover{border-color:var(--primary);background:#ef7f0133;transform:translateY(-2px)}.btn-large{padding:16px 40px;font-size:18px}.btn-icon{transition:transform .3s}.btn:hover .btn-icon{transform:translate(5px)}.hero-stats{border-top:1px solid #ffffff26;gap:40px;padding-top:20px;animation:1.6s fadeInUp;display:flex}.stat{flex-direction:column;gap:4px;display:flex}.stat-number{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.stat-label{opacity:.8;font-size:14px}.hero-image{justify-content:center;align-items:center;animation:1s fadeInUp;display:flex;position:relative}.hero-image-wrapper{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:500px;display:flex;position:relative}.hero-food-image{object-fit:contain;filter:drop-shadow(0 20px 60px #ef7f014d);z-index:2;width:100%;height:100%;animation:4s ease-in-out infinite floatImage;position:relative}@keyframes floatImage{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(-3deg)}}.features{background:var(--gray-light);padding:80px 0;position:relative}.section-header{text-align:center;margin-bottom:50px}.section-header h2{color:var(--dark);margin-bottom:12px;font-size:36px}.section-header h2 span{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header p{color:var(--gray);font-size:18px}.header-icons{justify-content:center;gap:16px;margin-bottom:16px;display:flex}.header-icon{background:var(--primary-gradient);-webkit-text-fill-color:transparent;opacity:.8;-webkit-background-clip:text;background-clip:text;font-size:32px;animation:3s ease-in-out infinite float}.header-icon:nth-child(2){animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.features-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.feature{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);text-align:center;overflow:hidden}.feature:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.feature-image-wrapper{background:var(--gray-light);width:100%;padding-top:65%;position:relative;overflow:hidden}.feature-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.feature:hover .feature-image{transform:scale(1.1)}.feature-icon-overlay{background:var(--primary-gradient);width:50px;height:50px;color:var(--white);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 15px #ef7f0166}.feature:hover .feature-icon-overlay{transform:scale(1.1)rotate(10deg)}.feature h3{color:var(--dark);margin:16px 16px 8px;font-size:18px}.feature p{color:var(--gray);margin:0 16px 20px;font-size:14px;line-height:1.6}.menu-section{background:var(--white);padding:80px 0}.menu-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:30px;display:grid}.menu-item-wrapper{cursor:pointer;height:100%;display:flex}.menu-item-wrapper>*{flex-direction:column;width:100%;display:flex}.menu-footer{text-align:center;margin-top:50px}.category-filter{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.category-btn{border:2px solid var(--gray-light);color:var(--gray);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50px;padding:8px 20px;font-size:14px;font-weight:600}.category-btn:hover{border-color:var(--primary);color:var(--primary)}.category-btn.active{background:var(--primary-gradient);color:var(--white);border-color:var(--primary);box-shadow:0 4px 15px #ef7f014d}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--white);border-radius:var(--radius);width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--gray-light);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.modal-close{width:40px;height:40px;color:var(--dark);cursor:pointer;transition:var(--transition);z-index:10;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:15px;right:15px}.modal-close:hover{background:#0003;transform:rotate(90deg)}.modal-image{background:var(--gray-light);width:100%;height:300px;position:relative;overflow:hidden}.modal-item-image{object-fit:cover;width:100%;height:100%}.modal-image .badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;top:15px}.modal-image .badge-new{color:#fff;background:#4caf50;left:15px}.modal-image .badge-popular{background:var(--primary);color:#fff;right:15px}.modal-body{padding:30px}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px;display:flex}.modal-header h2{color:var(--dark);margin:0;font-size:24px}.modal-price{background:var(--primary-gradient);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.modal-category{color:var(--gray);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.modal-icon{color:var(--primary)}.modal-description{color:var(--gray);margin-bottom:20px;font-size:16px;line-height:1.6}.modal-rating{align-items:center;gap:4px;margin-bottom:24px;display:flex}.modal-star{color:#ddd;font-size:20px}.modal-star.filled{color:#ffb800}.modal-star.half{color:#ffb800;position:relative}.modal-rating-value{color:var(--dark);margin-left:8px;font-weight:600}.modal-actions{gap:12px;display:flex}.modal-add-btn{flex:1;justify-content:center;padding:14px;font-size:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero h1{font-size:42px}.hero .container{gap:40px}.hero-image-wrapper{max-width:400px}.modal-content{max-width:500px}.features-grid{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.hero{min-height:500px;padding:60px 0}.hero .container{text-align:center;grid-template-columns:1fr}.hero-content{align-items:center}.hero-badge{align-self:center}.hero h1{font-size:34px}.hero h1 span:after{height:3px;bottom:2px}.hero p{max-width:100%;font-size:16px}.hero-buttons{justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center;gap:30px}.hero-image{display:none}.section-header h2{font-size:28px}.features{padding:60px 0}.features-grid{grid-template-columns:1fr 1fr;gap:20px}.menu-section{padding:60px 0}.menu-grid{grid-template-columns:repeat(2,1fr);gap:15px}.modal-content{max-width:100%;max-height:95vh;margin:10px}.modal-image{height:250px}.modal-body{padding:20px}.modal-header h2,.modal-price{font-size:20px}.hero-overlay{background:radial-gradient(#ef7f0133 0%,#0000 70%),linear-gradient(135deg,#000000e6 0%,#000000b3 50%,#000000e6 100%)}.category-filter{gap:8px}.category-btn{padding:6px 14px;font-size:12px}}@media (max-width:480px){.hero{min-height:400px;padding:40px 0}.hero h1{font-size:28px}.hero-stats{gap:20px}.stat-number{font-size:22px}.features-grid{grid-template-columns:1fr}.btn{padding:12px 24px;font-size:14px}.btn-large{padding:14px 28px;font-size:16px}.section-header h2{font-size:24px}.section-header p{font-size:16px}.hero-badge{padding:6px 16px;font-size:12px}.stat-label{font-size:12px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.modal-image{height:200px}.modal-body{padding:16px}.modal-header{flex-direction:column;align-items:flex-start}.modal-header h2,.modal-price{font-size:18px}.modal-description{font-size:14px}.modal-star{font-size:16px}.modal-add-btn{padding:12px;font-size:14px}.category-filter{gap:6px}.category-btn{padding:4px 12px;font-size:11px}.feature-image-wrapper{padding-top:60%}.feature-icon-overlay{width:40px;height:40px;font-size:18px;bottom:8px;right:8px}.feature h3{margin:12px 12px 6px;font-size:16px}.feature p{margin:0 12px 16px;font-size:13px}}@media (prefers-color-scheme:dark){.features{background:var(--dark-secondary)}.feature{background:var(--dark)}.feature h3{color:var(--white)}.feature p{color:#aaa}.section-header h2{color:var(--white)}.section-header p{color:#aaa}.modal-content{background:var(--dark-secondary)}.modal-header h2{color:var(--white)}.modal-description{color:#aaa}.modal-rating-value{color:var(--white)}.modal-close{color:var(--white);background:#ffffff1a}.modal-close:hover{background:#fff3}.menu-section,.modal-image{background:var(--dark)}.modal-category{color:#aaa}.hero-overlay{background:radial-gradient(at 20%,#ef7f0133 0%,#0000 60%),radial-gradient(at 80%,#ef7f011a 0%,#0000 50%),linear-gradient(135deg,#000000e6 0%,#000000b3 50%,#000000f2 100%)}.category-btn{color:#aaa;border-color:#ffffff1a}.category-btn:hover{border-color:var(--primary);color:var(--primary)}.category-btn.active{background:var(--primary-gradient);color:var(--white);border-color:var(--primary)}}