*{margin:0;padding:0;box-sizing:border-box}
        body{font-family:'Inter',sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden}

        /* Scrollbar */
        ::-webkit-scrollbar{width:6px}
        ::-webkit-scrollbar-track{background:#1a1a1a}
        ::-webkit-scrollbar-thumb{background:#a3e635;border-radius:10px}
        ::-webkit-scrollbar-thumb:hover{background:#84cc16}

        /* Animations */
        @keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
        @keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}
        @keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
        @keyframes fadeInScale{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}
        @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
        @keyframes pulse-glow{0%,100%{box-shadow:0 0 5px rgba(163,230,53,0.4)}50%{box-shadow:0 0 25px rgba(163,230,53,0.8)}}
        @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
        @keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
        @keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}
        @keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
        @keyframes wiggle{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
        @keyframes typewriter{from{width:0}to{width:100%}}
        @keyframes blink{0%,100%{border-color:transparent}50%{border-color:#a3e635}}

        .animate-fadeInUp{animation:fadeInUp 0.8s cubic-bezier(0.16,1,0.3,1) forwards}
        .animate-fadeInLeft{animation:fadeInLeft 0.8s cubic-bezier(0.16,1,0.3,1) forwards}
        .animate-fadeInRight{animation:fadeInRight 0.8s cubic-bezier(0.16,1,0.3,1) forwards}
        .animate-fadeInScale{animation:fadeInScale 0.8s cubic-bezier(0.16,1,0.3,1) forwards}
        .animate-float{animation:float 6s ease-in-out infinite}
        .animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}
        .animate-shimmer{background:linear-gradient(90deg,transparent,rgba(163,230,53,0.1),transparent);background-size:200% 100%;animation:shimmer 3s infinite}
        .animate-spin-slow{animation:spin-slow 20s linear infinite}
        .animate-bounceIn{animation:bounceIn 0.6s cubic-bezier(0.16,1,0.3,1) forwards}
        .animate-slideDown{animation:slideDown 0.3s ease forwards}
        .animate-wiggle{animation:wiggle 1s ease-in-out infinite}

        .delay-100{animation-delay:100ms}
        .delay-200{animation-delay:200ms}
        .delay-300{animation-delay:300ms}
        .delay-400{animation-delay:400ms}
        .delay-500{animation-delay:500ms}
        .delay-600{animation-delay:600ms}
        .delay-700{animation-delay:700ms}

        .opacity-0-init{opacity:0}

        /* Glass */
        .glass{background:rgba(23,23,23,0.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08)}
        .glass-light{background:rgba(255,255,255,0.03);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06)}

        /* Veg/NonVeg indicators */
        .veg-dot{width:16px;height:16px;border:2px solid #22c55e;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .veg-dot > span{border-radius:50%;background:#22c55e;display:block}
        .nonveg-dot{width:16px;height:16px;border:2px solid #ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .nonveg-dot > span{border-radius:50%;background:#ef4444;display:block}

        /* Offer badge */
        .offer-badge{background:linear-gradient(135deg,#ef4444,#f97316);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase}

        /* Menu card hover */
        .menu-card{transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}
        .menu-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(163,230,53,0.15)}
        .menu-card:hover .menu-img{transform:scale(1.08)}

        .menu-img{transition:transform 0.7s cubic-bezier(0.16,1,0.3,1)}

        /* Category pill */
        .cat-pill{transition:all 0.3s ease}
        .cat-pill.active{background:#a3e635;color:#171717;box-shadow:0 0 20px rgba(163,230,53,0.3)}
        .cat-pill:not(.active):hover{background:rgba(163,230,53,0.1);border-color:rgba(163,230,53,0.3)}

        /* Cart sidebar */
        .cart-overlay{transition:opacity 0.3s ease}
        .cart-panel{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1)}

        /* Toast */
        .toast{animation:slideDown 0.4s ease, fadeInUp 0.4s ease reverse 2s forwards}

        /* Glow orbs */
        .glow-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}

        /* Grid bg */
        .grid-bg{background-image:linear-gradient(to right,rgba(163,230,53,0.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(163,230,53,0.03) 1px,transparent 1px);background-size:60px 60px}

        /* Text gradient */
        .text-gradient{background:linear-gradient(135deg,#a3e635,#84cc16,#65a30d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .text-gradient-white{background:linear-gradient(135deg,#fff,#d6d3d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

        /* Phone mockup */
        .phone-frame{background:#1a1a1a;border-radius:40px;padding:12px;border:2px solid #333;box-shadow:0 40px 80px rgba(0,0,0,0.6),inset 0 0 0 1px rgba(255,255,255,0.05)}
        .phone-screen{border-radius:30px;overflow:hidden;background:#0a0a0a}
        .phone-notch{width:120px;height:28px;background:#1a1a1a;border-radius:0 0 16px 16px;margin:0 auto;position:relative;z-index:10}

        /* Quantity btn */
        .qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:600;transition:all 0.2s ease;cursor:pointer}

        /* Section divider */
        .section-divider{height:1px;background:linear-gradient(to right,transparent,rgba(163,230,53,0.2),transparent)}

        /* Pricing card glow */
        .pricing-popular{position:relative}
        .pricing-popular::before{content:'';position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(135deg,#a3e635,#84cc16,#65a30d);z-index:-1;opacity:0.6}

        /* Scroll reveal */
        .reveal{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1)}
        .reveal.visible{opacity:1;transform:translateY(0)}

        /* Mobile menu */
        .mobile-menu{transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}

        /* Number counter */
        .counter{display:inline-block;min-width:20px;text-align:center}

        /* Support widget styles */
        .support-float{position:fixed;bottom:6rem;right:1rem;z-index:60;width:56px;height:56px;border-radius:9999px;background:linear-gradient(135deg,#a3e635,#84cc16);display:flex;align-items:center;justify-content:center;color:#07111a;box-shadow:0 8px 30px rgba(0,0,0,0.5);transition:transform .18s ease}
        .support-float:hover{transform:translateY(-6px)}
        .support-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:70}
        .support-modal{width:100%;max-width:520px;background:rgba(10,10,10,0.95);border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,0.04);box-shadow:0 30px 70px rgba(0,0,0,0.6)}
        .support-modal h3{font-size:18px;margin-bottom:6px}
        .support-modal p{font-size:13px;color:rgba(255,255,255,0.8);margin-bottom:10px}
        .support-form input,.support-form textarea{width:100%;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.04);color:#fff;margin-bottom:8px;font-size:13px}
        .support-form .support-actions{display:flex;gap:8px;align-items:center}
        .support-form .btn-primary{background:linear-gradient(135deg,#a3e635,#84cc16);color:#07111a;padding:10px 14px;border-radius:10px;font-weight:700}
        .support-form .btn-link{background:transparent;color:#a3e635;padding:8px 12px;border-radius:10px;border:1px solid rgba(163,230,53,0.12)}

        /* WhatsApp float (left of support) */
        .whatsapp-float{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;width:56px;height:56px;border-radius:9999px;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(37,211,102,0.25);transition:transform .18s ease}
        .whatsapp-float:hover{transform:translateY(-6px)}