:root{--brand-green-50:#F0FDF4;--brand-green-100:#DCFCE7;--brand-green-200:#BBF7D0;--brand-green-300:#86EFAC;--brand-green-400:#4ADE80;--brand-green-500:#2A9D61;--brand-green-600:#238A54;--brand-green-700:#166534;--brand-green-800:#14532D;--brand-green-900:#052E16;--accent-yellow-50:#FEFCE8;--accent-yellow-100:#FEF9C3;--accent-yellow-200:#FEF08A;--accent-yellow-300:#FDE047;--accent-yellow-400:#FACC15;--accent-yellow-500:#EAB308;--accent-yellow-600:#CA8A04;--accent-yellow-700:#A16207;--accent-yellow-800:#854D0E;--accent-yellow-900:#713F12;--neutral-50:#FAFAFA;--neutral-100:#F5F5F5;--neutral-200:#E5E5E5;--neutral-300:#D4D4D4;--neutral-400:#A3A3A3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#333333;--neutral-900:#171717;--white:#FFFFFF;--success:var(--brand-green-500);--success-bg:var(--brand-green-50);--success-border:var(--brand-green-200);--success-hover:var(--brand-green-600);--warning:var(--accent-yellow-500);--warning-bg:var(--accent-yellow-50);--warning-border:var(--accent-yellow-200);--warning-hover:var(--accent-yellow-600);--error:#DC2626;--error-bg:#FEF2F2;--error-border:#FECACA;--error-hover:#B91C1C;--info:#2563EB;--info-bg:#EFF6FF;--info-border:#BFDBFE;--info-hover:#1D4ED8;--deal-hot:#DC2626;--deal-expiring:#EA580C;--deal-new:var(--brand-green-500);--deal-exclusive:#7C3AED;--deal-trending:#2563EB;--deal-flash:var(--accent-yellow-500);--deal-featured:#8B5CF6;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Montserrat","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Monaco,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.75;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-green:0 4px 6px -1px rgb(42 157 97/0.1),0 2px 4px -2px rgb(42 157 97/0.1);--shadow-yellow:0 4px 6px -1px rgb(234 179 8/0.1),0 2px 4px -2px rgb(234 179 8/0.1);--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--border-width:1px;--border-width-2:2px;--border-width-4:4px;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-popover:50;--z-tooltip:60;--z-toast:70}.btn-primary{background-color:var(--brand-green-500);color:var(--white);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);letter-spacing:var(--tracking-wide);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-primary:hover{background-color:var(--brand-green-600);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--white);color:var(--brand-green-500);border:1px solid var(--brand-green-500);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);letter-spacing:var(--tracking-wide);transition:all var(--transition-base)}.btn-secondary:hover{background-color:var(--brand-green-50);border-color:var(--brand-green-600)}.deal-card{background:var(--white);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.deal-card:hover{box-shadow:var(--shadow-green);border-color:var(--brand-green-200);transform:translateY(-1px)}.filter-active{background-color:var(--brand-green-500);color:var(--white);border-radius:var(--radius-full)}.filter-active,.filter-inactive{padding:var(--space-xs) var(--space-md);font-weight:var(--font-medium);font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}.filter-inactive{background-color:var(--brand-green-50);color:var(--brand-green-600);border:1px solid var(--brand-green-200);border-radius:var(--radius-full)}.filter-inactive:hover{background-color:var(--brand-green-100);border-color:var(--brand-green-300)}.badge-hot{background-color:var(--error-bg);color:var(--deal-hot)}.badge-flash,.badge-hot{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:.125rem .5rem;border-radius:var(--radius-md);letter-spacing:var(--tracking-wider);text-transform:uppercase}.badge-flash{background-color:var(--warning-bg);color:var(--deal-flash)}.badge-new{background-color:var(--success-bg);color:var(--deal-new);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:.125rem .5rem;border-radius:var(--radius-md);letter-spacing:var(--tracking-wider);text-transform:uppercase}.price-current{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--brand-green-600);line-height:var(--leading-tight)}.price-original{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-regular);color:var(--neutral-500);text-decoration:line-through}.price-discount{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--deal-hot);background-color:var(--error-bg);padding:.125rem .375rem;border-radius:var(--radius-md)}.text-neutral-200{color:var(--neutral-200)}.text-neutral-300{color:var(--neutral-300)}.text-neutral-400{color:var(--neutral-400)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-neutral-900{color:var(--neutral-900)}.bg-neutral-50{background-color:var(--neutral-50)}.bg-neutral-100{background-color:var(--neutral-100)}.bg-neutral-200{background-color:var(--neutral-200)}.border-neutral-100{border-color:var(--neutral-100)}.border-neutral-200{border-color:var(--neutral-200)}.border-neutral-300{border-color:var(--neutral-300)}.text-brand-green-500{color:var(--brand-green-500)}.text-brand-green-600{color:var(--brand-green-600)}.text-brand-green-700{color:var(--brand-green-700)}.text-brand-green-800{color:var(--brand-green-800)}.hover\:text-brand-green-700:hover{color:var(--brand-green-700)}.bg-brand-green-50{background-color:var(--brand-green-50)}.bg-brand-green-100{background-color:var(--brand-green-100)}.bg-brand-green-200{background-color:var(--brand-green-200)}.bg-brand-green-500{background-color:var(--brand-green-500)}.bg-brand-green-600{background-color:var(--brand-green-600)}.bg-brand-green-700,.hover\:bg-brand-green-700:hover{background-color:var(--brand-green-700)}.border-brand-green-200{border-color:var(--brand-green-200)}.border-brand-green-300{border-color:var(--brand-green-300)}.border-brand-green-400{border-color:var(--brand-green-400)}.border-brand-green-500{border-color:var(--brand-green-500)}.border-brand-green-600{border-color:var(--brand-green-600)}.hover\:bg-brand-green-50:hover{background-color:var(--brand-green-50)}.hover\:bg-brand-green-100:hover{background-color:var(--brand-green-100)}.hover\:bg-brand-green-600:hover{background-color:var(--brand-green-600)}.hover\:border-brand-green-300:hover{border-color:var(--brand-green-300)}.hover\:border-brand-green-400:hover{border-color:var(--brand-green-400)}.font-primary{font-family:var(--font-primary)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-weight-light{font-weight:var(--font-light)}.font-weight-regular{font-weight:var(--font-regular)}.font-weight-medium{font-weight:var(--font-medium)}.font-weight-semibold{font-weight:var(--font-semibold)}.font-weight-bold{font-weight:var(--font-bold)}.font-weight-extrabold{font-weight:var(--font-extrabold)}.shadow-green{box-shadow:var(--shadow-green)}.shadow-yellow{box-shadow:var(--shadow-yellow)}.hover\:shadow-green:hover{box-shadow:var(--shadow-green)}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}