@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-light:#14b8a6;--color-primary-dark:#115e59;--color-secondary:#f97316;--color-secondary-hover:#ea580c;--color-secondary-light:#fb923c;--color-bg-primary:#fafbfc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-elevated:#fff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-discount-high:#dc2626;--color-discount-medium:#ea580c;--color-discount-low:#ca8a04;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--font-heading:"Outfit",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",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;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);line-height:var(--leading-tight)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}.deal-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:640px){.deal-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.deal-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.deal-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1500px){.deal-grid{grid-template-columns:repeat(5,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:8px;transition:all var(--transition-normal);cursor:pointer}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{border-color:var(--color-border-hover);background-color:var(--color-bg-tertiary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:4px}.badge-high{background-color:var(--color-discount-high)}.badge-high,.badge-medium{color:var(--color-text-inverse)}.badge-medium{background-color:var(--color-discount-medium)}.badge-low{background-color:var(--color-discount-low)}.badge-hot,.badge-low{color:var(--color-text-inverse)}.badge-hot{background-color:var(--color-secondary);animation:pulse 2s infinite}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-secondary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(13,148,136,.1)}.input::placeholder{color:var(--color-text-tertiary)}.card{background-color:var(--color-bg-secondary);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.skip-link{position:absolute;top:-40px;left:0;background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);z-index:100;transition:top var(--transition-fast)}.skip-link:focus{top:0}