:root{--color-primary: #f26100;--color-primary-hover: #d95700;--color-primary-container: #ff7a1a;--color-accent: #ff4c4c;--color-accent-hover: #e63535;--color-accent-glow: rgba(255, 76, 76, .15);--color-accent-subtle: rgba(255, 76, 76, .08);--color-secondary: #10b981;--color-secondary-container: #34d399;--color-tertiary: #6366f1;--color-on-primary: #fff;--color-on-secondary-container: #fff;--color-hero-bg: #f5f3f0;--color-hero-surface: #eae7e3;--color-hero-border: rgba(0, 0, 0, .06);--color-hero-text: #1a1a1a;--color-hero-text-muted: rgba(0, 0, 0, .45);--color-surface: #ffffff;--color-surface-container-low: #fafafa;--color-surface-container-lowest: #ffffff;--color-surface-container-high: #f0f0f0;--color-bg: #fafafa;--color-on-surface: #1a1a1a;--color-on-surface-variant: #6b6b6b;--color-outline-variant: rgba(0, 0, 0, .08);--color-border: #efefef;--color-accent-hover-alias: var(--color-accent-hover);--color-text: var(--color-on-surface);--color-text-muted: var(--color-on-surface-variant);--color-gold: #f0b429;--color-amber: #ff9500;--color-emerald: #10b981;--color-countdown: #ff4c4c;--color-badge-top: var(--color-accent);--color-badge-new: var(--color-amber);--color-badge-sale: #ef4444;--gradient-cta: linear-gradient(135deg, var(--color-accent) 0%, #ff6b6b 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-blur: 20px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-label-sm: .6875rem;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-display-sm: 2.25rem;--leading-tight: 1.2;--leading-snug: 1.35;--tracking-tight: -.02em;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-default: 6px;--card-radius: var(--radius-default);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 16px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);--shadow-hero-product: 0 32px 80px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 40px var(--color-accent-glow);--shadow-ambient: 0 2px 8px rgba(0, 0, 0, .08);--card-shadow: var(--shadow-card);--grid-gap: 8px;--grid-cols-desktop: 5;--grid-cols-mobile: 2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-snug);color:var(--color-on-surface);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;letter-spacing:var(--tracking-tight)}body{min-height:100vh}button{cursor:pointer;font-family:inherit}html{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-snug);color:var(--color-on-surface);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--tracking-tight);scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background:#ff4c4c26;color:var(--color-on-surface)}