:root,html{--primary-blue: #0f766e;--primary-purple: #115e59;--primary-green: #16a34a;--primary-orange: #f97316;--primary-red: #dc2626;--gradient-blue: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);--gradient-purple: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-warning: linear-gradient(135deg, #f97316 0%, #c2410c 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%);--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 -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--border-primary: rgba(226, 232, 240, .8)}.dark{--bg-primary: #0f172a;--bg-secondary: #111827;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--border-primary: rgba(148, 163, 184, .16)}*{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gradient-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0d9488,#0f766e)}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px #0f766e4d}.btn-base{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;position:relative;overflow:hidden;text-align:center;white-space:nowrap}.btn-base:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:1}.btn-base:hover:before{left:100%}.btn-base>*{position:relative;z-index:2}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:0 4px 14px #0f766e63}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f766e80}.btn-secondary{background:var(--gradient-purple);color:#fff;box-shadow:0 4px 14px #115e5963}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #115e5980}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 14px #16a34a63}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #16a34a80}.card-base{background:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-base:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-blue);transform:translate(-100%);transition:transform .4s ease}.card-base:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-base:hover:before{transform:translate(0)}.hero-gradient{background:linear-gradient(135deg,#0f172a,#0f766e 55%,#14b8a6)}.price-badge{background:var(--gradient-success)}.comparison-card{transition:all .3s ease;border-left:4px solid transparent}.comparison-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-left-color:var(--primary-blue)}.best-price,.comparison-card.best-price{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left-color:var(--primary-green)!important}.price-highlight{background:var(--gradient-success);color:#fff;padding:4px 8px;border-radius:6px;font-weight:600}.store-logo{max-height:24px;max-width:60px;-o-object-fit:contain;object-fit:contain}.availability-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:600}.price-chart-container{position:relative;height:400px;padding:20px}.analytics-card{border-left:4px solid var(--primary-blue)}.analytics-card:hover{border-left-color:var(--primary-purple)}.trend-up{color:var(--primary-red)}.trend-down{color:var(--primary-green)}.trend-stable{color:#6b7280}.price-history-item{transition:all .4s cubic-bezier(.4,0,.2,1);border-left:4px solid transparent;position:relative}.price-history-item:hover{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-left-color:var(--primary-blue);transform:translate(4px);box-shadow:0 4px 12px #0000000d}.deal-badge{background:var(--gradient-danger);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:600}.chart-header{background:linear-gradient(135deg,#3b82f61a,#7c3aed1a)}.table-header{background:linear-gradient(135deg,#4b55630d,#3b82f60d)}.gradient-text{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg-primary{background:var(--gradient-blue)}.gradient-bg-success{background:var(--gradient-success)}.gradient-bg-warning{background:var(--gradient-warning)}.gradient-bg-danger{background:var(--gradient-danger)}.glass-morphism{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#ffffffd9;border:1px solid rgba(209,213,219,.3)}.dark .glass-morphism{background-color:#020617e6;border-color:#94a3b824}.dark ::-webkit-scrollbar-track{background:#0b1220}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-pulse-soft{animation:pulse-soft 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-slide-up{animation:slideUp .5s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #00000026}.price-card{transition:all .3s ease;border-left:4px solid transparent}.price-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-left-color:var(--primary-blue)}.best-price{border-left-color:var(--primary-green)!important;background:linear-gradient(135deg,#10b98124,#22c55e1a)}.dark .best-price{background:linear-gradient(135deg,#10b9812e,#22c55e14)}.price-display{position:relative;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border:2px solid var(--primary-blue);border-radius:12px;padding:1rem}.price-display:empty{display:none}.price-display:before{content:"";position:absolute;top:-8px;left:12px;background:var(--primary-blue);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.notification{position:fixed;top:1rem;right:1rem;z-index:9999;padding:1rem 1.5rem;border-radius:.75rem;color:#fff;font-weight:600;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(100%)}.notification.show{transform:translate(0)}.notification.success{background:var(--gradient-success)}.notification.error{background:var(--gradient-danger)}.notification.info{background:var(--gradient-blue)}.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;line-height:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .form-input{background-color:#020617;border-color:#334155;color:#e2e8f0}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0f766e1a}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem 3rem .75rem 1rem;font-size:1rem;line-height:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .form-select{background-color:#020617;border-color:#334155;color:#e2e8f0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0f766e1a}.heading-xl{font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.025em}.heading-lg{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.2;letter-spacing:-.025em}.heading-md{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600;line-height:1.3}.text-balance{text-wrap:balance}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aspect-w-16{position:relative;width:100%}.aspect-w-16:before{content:"";display:block;padding-bottom:75%}.aspect-h-12>*{position:absolute;top:0;right:0;bottom:0;left:0}.aspect-w-1{position:relative;width:100%}.aspect-w-1:before{content:"";display:block;padding-bottom:100%}.aspect-h-1>*{position:absolute;top:0;right:0;bottom:0;left:0}.bg-pattern{background-image:radial-gradient(circle at 1px 1px,rgba(15,118,110,.15) 1px,transparent 0);background-size:20px 20px}@media (max-width: 640px){.hero-gradient{padding:3rem 0}.hero-gradient h1{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-gradient p{font-size:1rem;margin-bottom:2rem}.hero-gradient input{padding:.75rem 1rem;font-size:1rem}.hero-gradient button{padding:.75rem 1rem;top:.125rem;right:.125rem}.card-base{border-radius:.75rem;margin-bottom:1rem}.card-hover:hover{transform:none;box-shadow:var(--shadow-sm)}.price-card{padding:1rem;margin-bottom:.75rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.btn-base{padding:.75rem 1rem;font-size:.875rem;width:100%;justify-content:center}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-primary);padding:.5rem;z-index:50}.product-details{grid-template-columns:1fr;gap:1.5rem}.price-comparison{flex-direction:column;align-items:stretch;gap:.75rem}.heading-xl{font-size:2rem}.heading-lg{font-size:1.5rem}.heading-md{font-size:1.25rem}}@media (min-width: 641px) and (max-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.card-base{padding:1.5rem}.hero-gradient{padding:4rem 0}}@media (hover: none) and (pointer: coarse){.btn-base{min-height:44px;min-width:44px}.card-hover:hover,.hover-lift:hover{transform:none;box-shadow:var(--shadow-sm)}}@media (min-resolution: 192dpi){.card-base:before{height:1px}}@media print{.no-print{display:none!important}.print-break{page-break-before:always}*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}@page{margin:2cm}}