@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-main: #f5f5f4;--bg-panel: #ffffff;--bg-panel-hover: #fafaf9;--primary: #153e5c;--primary-light: #dbeafe;--primary-hover: #0f2c42;--primary-dark: #0d2b42;--secondary: #009ddc;--accent: #f58820;--accent-light: #fff7ed;--accent-hover: #e07716;--accent-dark: #d5731b;--primary-glow: rgba(21, 62, 92, .25);--accent-glow: rgba(245, 136, 32, .25);--text-main: #1c1c1e;--text-muted: #6b7280;--border-light: #d4d4d4;--border-focus: rgba(21, 62, 92, .4);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 2px 4px rgba(0,0,0,.08);--shadow-lg: 0 4px 8px rgba(0,0,0,.1);--shadow-xl: 0 6px 16px rgba(0,0,0,.1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2.5rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 4px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 4px;--transition-fast: .15s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}.app-container{max-width:1400px;margin:0 auto;padding:0;min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:box-shadow var(--transition-fast)}.glass-panel:hover{box-shadow:var(--shadow-md)}.text-h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-main)}.text-h1-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-h2{font-size:1.75rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-main);letter-spacing:-.01em}.text-h3{font-size:1.15rem;font-weight:600;color:var(--text-main)}.text-muted{color:var(--text-muted);font-size:.95rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-family:inherit;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);color:#fff}.btn-primary:active{transform:scale(.98)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-panel);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-panel-hover);border-color:#a3a3a3}.input-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:var(--spacing-md)}.input-label{font-size:.8rem;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.03em}.input-field{background:#fafafa;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.7rem .85rem;color:var(--text-main);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast)}.input-field:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .75rem top 50%;background-size:.6rem auto;padding-right:2.25rem}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.selectable-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.25rem;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;position:relative}.selectable-card:hover{border-color:#a3a3a3;box-shadow:var(--shadow-md)}.selectable-card.selected{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}.selectable-card.selected:before{content:"✓";position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);border:1px solid var(--border-light);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-lg)}.product-image-container{width:100%;height:260px;overflow:hidden;background:#f5f5f4}.product-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image-container img{transform:scale(1.03)}.product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--primary-light);color:var(--primary);margin-bottom:.75rem;width:fit-content}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in,.animate-slide-up{animation:fadeIn .3s ease forwards}.delay-100{animation-delay:50ms}.delay-200{animation-delay:.1s}.delay-300{animation-delay:.15s}.delay-400{animation-delay:.2s}.delay-500{animation-delay:.25s}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.text-h1{font-size:1.75rem}.text-h2{font-size:1.35rem}.glass-panel{padding:var(--spacing-lg)}.btn{padding:.7rem 1.25rem;font-size:.8rem}.product-image-container{height:200px}}@media (max-width: 480px){.text-h1{font-size:1.5rem}.text-h2{font-size:1.2rem}.glass-panel{padding:var(--spacing-md);border-radius:var(--radius-sm)}}