@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@400;500;600&display=swap";:root{--color-primary-red: #8e1515;--color-primary-dark: #630808;--color-accent-yellow: #f5b000;--color-accent-orange: #d96214;--color-bg-light: #fbf8f1;--color-text-dark: #3a2215;--color-text-light: #ffffff;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:#000;color:var(--color-text-dark);overflow:hidden;touch-action:none}.app-container{width:100vw;height:100vh;height:100dvh;position:relative;overflow:hidden;background-color:var(--color-bg-light);display:flex;flex-direction:column}.slides-wrapper{flex:1;position:relative;width:100%;height:100%;display:flex;transition:transform .5s cubic-bezier(.25,1,.5,1)}.slide{min-width:100vw;width:100vw;height:100%;flex-shrink:0;position:relative;display:flex;flex-direction:column;padding:6rem 1.5rem 2rem;overflow-y:auto;overflow-x:hidden}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff9;border:none;display:flex;align-items:center;justify-content:center;z-index:10;cursor:pointer;color:var(--color-primary-red);box-shadow:0 4px 10px #0000001a;transition:background .2s;pointer-events:auto}.nav-arrow:active{background:#ffffffe6}.nav-arrow-left{left:1rem}.nav-arrow-right{right:1rem}.pagination-container{position:absolute;bottom:2rem;left:0;right:0;display:flex;justify-content:center;z-index:10;pointer-events:none}.pagination-pill{background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.4rem 1rem;border-radius:2rem;display:flex;gap:.5rem;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#0003;transition:all .3s ease}.dot.active{background:var(--color-primary-red);width:24px;border-radius:4px}.dot.light{background:#fff6}.dot.light.active{background:var(--color-text-light)}.heading-main{font-family:var(--font-heading);font-size:2.8rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem}.text-body{font-size:1.1rem;line-height:1.6}.slide-1{background:linear-gradient(to bottom,#0006,#a71818cc),url(/images/mithila.jpeg) center/cover no-repeat;color:#fff;align-items:center;text-align:center;padding-top:8rem}.slide-1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 10px,transparent 11px),radial-gradient(circle at 80% 60%,rgba(255,255,255,.08) 15px,transparent 16px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.08) 8px,transparent 9px);background-size:100% 100%;pointer-events:none}.badge-open{background:var(--color-accent-yellow);color:var(--color-primary-dark);padding:.4rem 1.2rem;border-radius:2rem;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:2rem;z-index:1}.slide-1-title{color:#fff}.slide-1-highlight{color:var(--color-accent-yellow)}.slide-1-desc{margin-top:1rem;opacity:.95;padding:0 1rem;z-index:1}.location-btn{margin-top:auto;margin-bottom:3rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:1.2rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;width:100%;max-width:400px;text-align:center;justify-content:center;font-weight:500;z-index:1}.slide-2{background:linear-gradient(to bottom,#fbf8f1d9,#fbf8f1f2),url(/images/thekua.png) center/cover no-repeat;color:var(--color-text-dark)}.slide-2-title-1{color:var(--color-accent-orange);margin-bottom:0}.slide-2-title-2{color:var(--color-primary-red);margin-top:-.5rem}.slide-2-desc{margin-top:1.5rem;color:#5a4b41}.bullet-list{list-style:none;margin-top:1.5rem;padding-left:.5rem}.bullet-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem;font-weight:500;color:var(--color-text-dark)}.bullet-list li:before{content:"";position:absolute;left:0;top:.5rem;width:8px;height:8px;background-color:var(--color-accent-yellow);border-radius:50%}.bento-cards{display:flex;gap:1rem;margin-top:auto;margin-bottom:3rem}.bento-card{flex:1;border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column}.card-yellow{background:#f1b72e;color:var(--color-primary-dark)}.card-red{background:var(--color-primary-red);color:#fff}.card-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;opacity:.9}.card-title{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:1rem}.card-features{font-size:.9rem;line-height:1.6;font-weight:500}.slide-3{background-color:#8b1313;color:#fff}.slide-3-title-1{color:#fff;margin-bottom:0}.slide-3-title-2{color:var(--color-accent-yellow);margin-top:-.5rem}.slide-3-desc{margin-top:1rem;margin-bottom:2rem;opacity:.9}.feature-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.feature-card{background:#0000001a;border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:1.5rem;text-align:center}.feature-val{color:var(--color-accent-yellow);font-family:var(--font-heading);font-size:2.2rem;font-weight:800;margin-bottom:.2rem}.feature-label{font-size:.95rem;font-weight:500;opacity:.9}.slide-4{background-color:var(--color-bg-light);color:var(--color-text-dark)}.slide-4:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(200,80,50,.06) 15px,transparent 16px),radial-gradient(circle at 90% 40%,rgba(200,80,50,.06) 10px,transparent 11px),radial-gradient(circle at 50% 70%,rgba(200,80,50,.06) 12px,transparent 13px);background-size:100% 100%;pointer-events:none}.connect-badge{background:#2e7d321a;color:#2e7d32;padding:.4rem 1.2rem;border-radius:2rem;font-weight:700;font-size:.8rem;display:inline-flex;align-items:center;gap:.4rem;margin:0 auto 1.5rem;align-self:center;z-index:1}.contact-cards{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;margin-bottom:3rem;z-index:1}.contact-card{background:#f0e9dd;border-radius:1rem;padding:1.2rem;display:flex;align-items:center;gap:1.2rem;border:1px solid rgba(0,0,0,.03)}.contact-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.icon-red{background:var(--color-primary-red)}.icon-orange{background:var(--color-accent-orange)}.contact-info{display:flex;flex-direction:column}.contact-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#665b55;margin-bottom:.2rem}.contact-value{font-size:1.1rem;font-weight:600;color:var(--color-primary-red)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInFade{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(40px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #f5b00066}70%{box-shadow:0 0 0 10px #f5b00000}to{box-shadow:0 0 #f5b00000}}.animate-fade-up{opacity:0;animation:fadeInUp .7s cubic-bezier(.2,.8,.2,1) forwards}.animate-scale-in{opacity:0;animation:scaleInFade .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-bounce-up{opacity:0;animation:slideUpBounce .8s cubic-bezier(.34,1.56,.64,1) forwards}.badge-open{background:var(--color-accent-yellow);color:var(--color-primary-dark);padding:.4rem 1.2rem;border-radius:2rem;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:.4rem;margin-bottom:2rem;z-index:1;animation:scaleInFade .5s ease-out forwards,pulseGlow 2s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.bento-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.bento-card:active{transform:scale(.96)}.contact-card{transition:transform .2s,box-shadow .2s}.contact-card:active{transform:scale(.96);box-shadow:0 2px 5px #0000001a}.location-btn{margin-top:auto;margin-bottom:3rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:1.2rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;width:100%;max-width:400px;text-align:center;justify-content:center;font-weight:500;z-index:1;transition:transform .2s,background .2s}.location-btn:active{transform:scale(.95);background:#ffffff40}.main-nav{position:fixed;background:#fbf8f1f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.05)}.nav-brand{font-family:var(--font-body);font-weight:800;font-size:1rem;letter-spacing:1px;color:var(--color-primary-dark)}.nav-links{display:flex;gap:1rem}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-dark);opacity:.6;cursor:pointer;transition:all .2s ease;font-family:var(--font-body);padding:.5rem}.nav-item.active{color:var(--color-primary-red);opacity:1}.nav-label{font-size:.7rem;font-weight:600;margin-top:.2rem}@media (max-width: 768px){.app-container{padding-bottom:70px}.main-nav{bottom:0;left:0;right:0;height:70px;padding:0 2rem;box-shadow:0 -4px 20px #0000000d}.nav-brand{display:none}.nav-links{width:100%;justify-content:space-around}}@media (min-width: 769px){.app-container{padding-top:70px}.main-nav{top:0;left:0;right:0;height:70px;padding:0 3rem;border-top:none;border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 20px #0000000d}.nav-item{flex-direction:row;gap:.5rem}.nav-label{margin-top:0;font-size:.9rem}}.auth-page{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#fbf8f1,#f5ecd9);padding:2rem;overflow-y:auto;animation:scaleInFade .5s ease-out forwards}.auth-card{margin:auto;background:#fff;padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 20px 40px #00000014;width:100%;max-width:420px;display:flex;flex-direction:column}.auth-title{font-family:var(--font-heading);font-size:2.2rem;color:var(--color-primary-dark);margin-bottom:.5rem}.auth-subtitle{color:#665b55;font-size:.95rem;margin-bottom:2.5rem}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.85rem;font-weight:600;color:var(--color-text-dark)}.input-group input{padding:1rem;border:1px solid #e0d8cd;border-radius:.8rem;font-family:var(--font-body);font-size:1rem;background:#fbf8f1;transition:all .2s}.input-group input:focus{outline:none;border-color:var(--color-accent-orange);background:#fff;box-shadow:0 0 0 3px #d962141a}.auth-submit-btn{background:var(--color-primary-red);color:#fff;border:none;padding:1.2rem;border-radius:.8rem;font-weight:700;font-size:1rem;margin-top:1rem;cursor:pointer;transition:background .2s,transform .1s}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn:hover{background:var(--color-primary-dark)}.auth-toggle{margin-top:2rem;text-align:center;font-size:.9rem;color:#665b55}.toggle-btn{background:none;border:none;color:var(--color-primary-red);font-weight:700;cursor:pointer;padding:0;font-size:.9rem}.toggle-btn:hover{text-decoration:underline}.profile-page{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--color-bg-light);padding:2rem;gap:1.5rem;overflow-y:auto;animation:scaleInFade .4s ease-out forwards}.profile-card{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 10px 30px #0000000d;width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}.profile-header{display:flex;align-items:center;gap:1.5rem}.profile-avatar{width:70px;height:70px;border-radius:50%;background:var(--color-accent-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:2rem;font-weight:800;flex-shrink:0}.profile-details{display:flex;flex-direction:column}.profile-name{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-primary-dark);margin-bottom:.2rem}.profile-email,.profile-phone{color:#665b55;font-size:.9rem}.sign-out-btn{background:#d930251a;color:#d93025;border:none;padding:.8rem 1.2rem;border-radius:.8rem;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;margin-top:.5rem}.sign-out-btn:hover{background:#d9302533}.orders-card{background:#fff;padding:2rem;border-radius:1.5rem;box-shadow:0 10px 30px #0000000d;width:100%;max-width:500px;display:flex;flex-direction:column}.section-title{font-family:var(--font-heading);font-size:1.3rem;color:var(--color-primary-dark);margin-bottom:1.5rem;border-bottom:1px solid #f0e9dd;padding-bottom:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;gap:1rem;color:#8c827a}.empty-icon{color:#e0d8cd}.shop-now-btn{background:var(--color-accent-yellow);color:var(--color-primary-dark);border:none;padding:.8rem 1.5rem;border-radius:2rem;font-weight:700;cursor:pointer;transition:transform .2s;margin-top:.5rem}.shop-now-btn:active{transform:scale(.95)}
