@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";@property --shimmer-pos{syntax: "<percentage>"; initial-value: -40%; inherits: false;}@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 40 43% 96%;--foreground: 210 10% 23%;--primary: 138 18% 42%;--primary-foreground: 0 0% 100%;--secondary: 90 8% 88%;--secondary-foreground: 210 10% 23%;--muted: 90 8% 88%;--muted-foreground: 210 6% 50%;--accent: 28 50% 40%;--accent-foreground: 0 0% 100%;--destructive: 0 60% 48%;--destructive-foreground: 0 0% 100%;--card: 40 33% 98%;--card-foreground: 210 10% 23%;--border: 33 15% 87%;--input: 90 8% 93%;--ring: 138 18% 42%;--radius: 1rem;--glass-surface: hsla(var(--card) / .65);--glass-border: hsla(var(--border) / .4);--glass-blur: blur(24px) saturate(1.4);--glass-blur-elevated: blur(40px) saturate(2);--glass-blur-subtle: blur(24px) saturate(1.4);--glass-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.5);--glass-shadow-elevated: 0 4px 24px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.04), inset 0 1px 0 rgba(255,255,255,.6);--glass-radius: 16px;--glass-radius-card: 1.5rem;--glass-radius-pill: 9999px;--glass-radius-dock: 1.25rem;--glass-saturate: 1.4;--bg-primary: hsl(var(--background));--bg-secondary: hsl(var(--card));--bg-glass: var(--glass-surface);--text-primary: hsl(var(--foreground));--text-secondary: hsl(var(--muted-foreground));--accent-color: hsl(var(--primary));--card-bg: hsl(var(--card));--border-soft: hsla(var(--border) / .4);--gradient-start: hsl(var(--background));--gradient-mid: hsl(var(--primary) / .08);--gradient-end: hsl(var(--accent) / .06);--theme-transition: background-color .4s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}*{border-color:hsl(var(--border))}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}html{font-family:DM Sans,Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:hsl(var(--background))!important}body{background:hsl(var(--background));color:hsl(var(--foreground));width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}#root{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}h1,h2,h3,h4,h5,h6{font-family:Outfit,DM Sans,sans-serif;font-weight:600;letter-spacing:-.01em}::-webkit-scrollbar{display:none}body,#main-content{-ms-overflow-style:none;scrollbar-width:none}#main-content::-webkit-scrollbar{display:none}}@layer components{.animated-gradient-bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-mid) 40%,var(--gradient-end) 70%,var(--gradient-start) 100%);background-size:400% 400%;animation:gradient-drift 12s ease-in-out infinite}@keyframes gradient-drift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.grain-overlay:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");mix-blend-mode:overlay}.glass-2,.glass-card,.glass-card-highlight,.glass-card-interactive,.glass-premium,.apple-glass,.bottom-nav-safe,.header-glass,.glass-surface,.glass-elevated,.glass-subtle,.glass-pill,.glass-dock{transition:var(--theme-transition),backdrop-filter .4s ease}.apple-glass{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff59}.glass-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--glass-radius-card);box-shadow:var(--glass-shadow)}.glass-card-highlight{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:22px;box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff59}.glass-2{background:#ffffff1a;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 12px 40px #0000002e,inset 0 1px #fff6;position:relative;overflow:hidden}.glass-2-iridescent:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent calc(var(--shimmer-pos) - 20%),rgba(255,255,255,.1) var(--shimmer-pos),rgba(122,139,122,.06) calc(var(--shimmer-pos) + 10%),transparent calc(var(--shimmer-pos) + 30%));border-radius:inherit;pointer-events:none;animation:shimmer-sweep 4s ease-in-out infinite;z-index:1}.glass-2-hero{box-shadow:0 24px 64px #1f26871f,0 8px 20px #0000000f,inset 0 1px #ffffffbf,inset 0 -1px #7a8b7a17}@supports not (backdrop-filter: blur(0)){.glass-2{background:hsla(var(--card) / .92);border:1px solid hsla(var(--border) / .5)}}.glass-surface{background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.glass-elevated{background:var(--glass-surface);backdrop-filter:var(--glass-blur-elevated);-webkit-backdrop-filter:var(--glass-blur-elevated);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow-elevated);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.glass-subtle{background:var(--glass-surface);backdrop-filter:var(--glass-blur-subtle);-webkit-backdrop-filter:var(--glass-blur-subtle);border:none;border-bottom:1px solid var(--glass-border);border-radius:0;box-shadow:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.glass-pill{background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius-pill);box-shadow:var(--glass-shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.glass-dock{background:var(--glass-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius-dock);box-shadow:var(--glass-shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@supports not (backdrop-filter: blur(1px)){.glass-surface,.glass-elevated,.glass-subtle,.glass-pill,.glass-dock{background:hsla(var(--card) / .92);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid hsla(var(--border) / .5)}.glass-subtle{border:none;border-bottom:1px solid hsla(var(--border) / .5)}.apple-glass,.glass-card,.glass-card-interactive,.glass-premium,.header-glass,.bottom-nav-safe{background:hsla(var(--card) / .92);backdrop-filter:none;-webkit-backdrop-filter:none}}.glow-amber{box-shadow:0 0 20px -4px #7a8b7a40,0 0 60px -8px #7a8b7a1a}.glow-amber-sm{box-shadow:0 0 12px -2px #7a8b7a33}.shimmer-overlay{background:linear-gradient(90deg,#7a8b7a00,#7a8b7a0f,#7a8b7a00);background-size:200% 100%;animation:shimmer 3s linear infinite}.btn-primary{@apply font-semibold rounded-full px-6 py-2.5 text-sm transition-all;background:linear-gradient(135deg,hsla(var(--primary) / .9),hsla(var(--primary) / .7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsl(var(--primary-foreground));box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff59;border:1px solid rgba(255,255,255,.15)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px #0003,inset 0 1px #fff6}.btn-primary:active{transform:scale(.97)}.btn-outline{@apply font-medium rounded-full px-6 py-2.5 text-sm transition-all;background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:hsl(var(--primary));box-shadow:inset 0 1px #fff3}.btn-outline:hover{background:#ffffff1f;box-shadow:0 4px 14px #0000001a,inset 0 1px #ffffff4d}.btn-ghost{@apply bg-transparent font-medium rounded-full px-6 py-2.5 text-sm transition-all;color:hsl(var(--muted-foreground));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-ghost:hover{background:#ffffff14;color:hsl(var(--foreground))}.btn-destructive{@apply font-semibold rounded-full px-6 py-2.5 text-sm transition-all;background:linear-gradient(135deg,hsla(var(--destructive) / .9),hsla(var(--destructive) / .7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsl(var(--destructive-foreground));box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff40;border:1px solid rgba(255,255,255,.1)}.btn-pill{@apply font-medium rounded-full px-5 py-2 text-sm transition-all;background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsl(var(--foreground));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #fff3}.btn-pill:hover{background:#ffffff1f}.btn-pill.active{background:linear-gradient(135deg,hsla(var(--primary) / .9),hsla(var(--primary) / .7));color:hsl(var(--primary-foreground));border-color:#fff3;box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff59}.input-field{@apply w-full rounded-lg px-3 py-2.5 text-sm transition-all;background:hsl(var(--input));border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.input-field::placeholder{color:hsl(var(--muted-foreground))}.input-field:focus{outline:none;box-shadow:0 0 0 2px hsla(var(--ring) / .5);border-color:hsl(var(--primary))}.caption{font-family:DM Sans,Inter,sans-serif;font-weight:500;font-size:.625rem;text-transform:uppercase;letter-spacing:.08em}}@layer utilities{.floating-shadow{box-shadow:0 4px 20px #0000000d}.floating-shadow-lg{box-shadow:0 8px 30px #00000014}.glass-bg{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}.safe-area-top{padding-top:max(env(safe-area-inset-top,0px),1rem)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}.safe-area-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}@supports not (height: 100dvh){body{min-height:100vh;min-height:-webkit-fill-available}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #7a8b7a4d}50%{box-shadow:0 0 24px 4px #7a8b7a99}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}@keyframes avatar-ring-pulse{0%,to{box-shadow:0 0 0 2px #7a8b7a66,0 0 12px 2px #7a8b7a26}50%{box-shadow:0 0 0 3px #7a8b7a99,0 0 20px 4px #7a8b7a40}}.avatar-glass-ring{position:relative;animation:avatar-ring-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,hsla(var(--secondary) / 1),hsla(var(--card) / 1));border:1.5px solid rgba(122,139,122,.3)}.avatar-glass-ring:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(122,139,122,.15);pointer-events:none}@keyframes gradient-border-spin{0%{--angle: 0deg}to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.glass-glow-btn{background:linear-gradient(135deg,hsla(var(--primary) / .15),hsla(var(--primary) / .06));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:9999px;box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff59;transition:all .3s ease}.glass-glow-btn:hover{box-shadow:0 6px 20px #0003,inset 0 1px #ffffff73;border-color:#ffffff40}.glass-glow-btn:active{transform:scale(.97)}@keyframes shimmer-text{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,hsl(var(--primary)),#85ad91,hsl(var(--primary)),#85ad91,hsl(var(--primary)));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-text 4s linear infinite}.shimmer-bg{background:linear-gradient(90deg,#7a8b7a00,#7a8b7a0f,#7a8b7a00);background-size:200% 100%;animation:shimmer 3s linear infinite}.glass-card-interactive{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 4px 14px #00000026,inset 0 1px #ffffff59;transition:all .25s ease}.glass-card-interactive:hover{border-color:#fff3;box-shadow:0 8px 28px #0003,inset 0 1px #ffffff73;transform:translateY(-2px)}.glass-card-interactive:active{transform:translateY(0)}@keyframes checkin-pulse{0%,to{box-shadow:0 0 #7a8b7a4d}50%{box-shadow:0 0 0 8px #7a8b7a00}}.checkin-btn-pulse{animation:checkin-pulse 2.5s ease-in-out infinite}.tier-badge-glow{text-shadow:0 0 12px rgba(122,139,122,.3)}.cart-floating-bar{background:linear-gradient(135deg,hsla(var(--primary) / .9),hsla(var(--primary) / .7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9999px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 28px #0003,inset 0 1px #ffffff59}.cart-floating-bar:hover{box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff73}@keyframes progress-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-premium{background:#ffffff1a;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 8px 28px #0000002e,inset 0 1px #fff6}.text-glow-amber{text-shadow:0 0 20px rgba(122,139,122,.4),0 0 40px rgba(122,139,122,.1)}@keyframes ripple{0%{transform:scale(.8);opacity:.5}to{transform:scale(2.5);opacity:0}}.ripple-effect:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(122,139,122,.3);animation:ripple 2s ease-out infinite;pointer-events:none}.header-glass{background:#ffffff0f;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.12);will-change:transform;transform:translateZ(0)}.bottom-nav-safe{flex-shrink:0;z-index:50;width:calc(100% - 2rem);margin:0 auto .75rem;background:#ffffff1f;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;box-shadow:0 12px 40px #0000002e;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}@keyframes notification-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notification-badge-pulse{animation:notification-badge-pulse 2s ease-in-out infinite;box-shadow:0 0 6px #ef444480}.page-title-glow{text-shadow:0 0 30px rgba(122,139,122,.2)}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5px,-8px) scale(1.05)}50%{transform:translate(-3px,-12px) scale(1)}75%{transform:translate(6px,-5px) scale(.95)}}.ambient-orb{animation:orb-float 8s ease-in-out infinite;pointer-events:none}.tab-active-glow{box-shadow:0 2px 12px #7a8b7a4d,inset 0 1px #ffffff1a}.countdown-digit{text-shadow:0 0 15px rgba(122,139,122,.3)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(122,139,122,.15) 50%,transparent);margin:1rem 0}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.progress-bar-glow{animation:progress-pulse 2s ease-in-out infinite;box-shadow:0 0 8px #7a8b7a4d}@keyframes logo-breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.logo-ambient-glow{background:radial-gradient(ellipse at center,rgba(122,139,122,.35),rgba(122,139,122,.08) 55%,transparent 80%);filter:blur(8px);animation:logo-breathe 3s ease-in-out infinite}@keyframes dot-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}.dot-breathe{animation:dot-breathe 1.5s ease-in-out infinite}@keyframes particle-float-1{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translate(30px,-80px) scale(.3);opacity:0}}@keyframes particle-float-2{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:.5}80%{opacity:.5}to{transform:translate(-25px,-90px) scale(.2);opacity:0}}@keyframes particle-float-3{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:.7}80%{opacity:.7}to{transform:translate(15px,-70px) scale(.4);opacity:0}}@keyframes attention-glow{0%,to{border-color:#7a8b7a26;box-shadow:0 0 #7a8b7a00}50%{border-color:#7a8b7a66;box-shadow:0 0 16px -4px #7a8b7a40}}.attention-pulse{animation:attention-glow 2.5s ease-in-out infinite}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.icon-bounce{animation:icon-bounce 2s ease-in-out infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-flow-text{background:linear-gradient(270deg,hsl(var(--primary)),#75a383,hsl(var(--primary)),#649072);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 4s ease infinite}@keyframes shine-sweep{0%{left:-100%}50%,to{left:150%}}.shine-sweep:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:skew(-15deg);animation:shine-sweep 5s ease-in-out infinite;pointer-events:none}@keyframes scan-line{0%{top:10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:90%;opacity:0}}.animate-scan-line{animation:scan-line 2s ease-in-out infinite;position:absolute}@keyframes shimmer-sweep{0%{--shimmer-pos: -40%}50%{--shimmer-pos: 140%}to{--shimmer-pos: -40%}}@keyframes ripple-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:.35}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.ripple-burst{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(122,139,122,.3) 0%,rgba(200,220,195,.15) 40%,transparent 70%);pointer-events:none;animation:ripple-burst .5s ease-out forwards;z-index:10}@keyframes avatar-aura-pulse{0%,to{box-shadow:0 0 0 3px #7a8b7a40,0 0 12px 4px #7a8b7a1f,0 0 24px 8px #7a8b7a0f}50%{box-shadow:0 0 0 4px #7a8b7a66,0 0 18px 6px #7a8b7a33,0 0 32px 12px #7a8b7a14}}.avatar-aura{animation:avatar-aura-pulse 3s ease-in-out infinite;border:2px solid rgba(122,139,122,.3)}.heading-weight{font-weight:800}.body-weight{font-weight:300}.price-glow{text-shadow:0 0 8px rgba(122,139,122,.55),0 0 16px rgba(122,139,122,.25);color:#7a8b7a}.nav-aura{position:relative}.nav-aura:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#7a8b7a38,#c8dcc32e,#7a8b7a38);filter:blur(6px);opacity:0;transition:opacity .35s ease;pointer-events:none}.nav-aura.nav-aura--active:before{opacity:1}[dir=rtl] .rtl-flip{transform:scaleX(-1)}