:root{--color-primary: #2196F3;--color-primary-light: #BBDEFB;--color-primary-dark: #1976D2;--color-secondary: #9C27B0;--color-success: #4CAF50;--color-error: #F44336;--color-warning: #FF9800;--hero-bg: linear-gradient(135deg, #1976D2 0%, #2196F3 50%, #64B5F6 100%);--hero-bg-dark: linear-gradient(135deg, #0D47A1 0%, #1565C0 50%, #1976D2 100%);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-xl: 0 8px 32px rgba(0,0,0,.2);--transition-fast: .15s ease-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.hero{background:var(--hero-bg);color:#fff;padding:var(--space-xxl) var(--space-xl);min-height:500px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-content{max-width:700px;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--space-lg);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.25rem;opacity:.95;margin-bottom:var(--space-xl);line-height:1.6}.hero-stats{display:flex;gap:var(--space-xl);margin-top:var(--space-xl)}.hero-stat{text-align:center}.hero-stat-value{font-size:2.5rem;font-weight:700;line-height:1}.hero-stat-label{font-size:.875rem;opacity:.8;margin-top:var(--space-xs)}.tenant-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer;position:relative}.tenant-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.tenant-card-gradient{height:120px;background:linear-gradient(135deg,var(--card-color-1, #2196F3) 0%,var(--card-color-2, #1976D2) 100%);position:relative}.tenant-card-logo{position:absolute;bottom:-30px;left:24px;width:60px;height:60px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--card-color-1, #2196F3)}.tenant-card-content{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.tenant-card-name{font-size:1.25rem;font-weight:600;margin:0 0 var(--space-xs)}.tenant-card-description{font-size:.875rem;color:#0009;margin:0 0 var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.tenant-card-stats{display:flex;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.08)}.tenant-card-stat{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:#0009}.product-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.product-featured{grid-column:span 2;grid-row:span 2;position:relative;border-radius:var(--radius-xl);overflow:hidden;min-height:500px}.product-featured-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.product-featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl);background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff}.product-scroll{display:flex;gap:var(--space-lg);overflow-x:auto;padding:var(--space-md) 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.product-scroll::-webkit-scrollbar{height:8px}.product-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.product-scroll-item{flex:0 0 300px;scroll-snap-align:start}.product-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card-image{width:100%;height:200px;object-fit:cover}.product-card-content{padding:var(--space-md)}.product-card-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-sm);line-height:1.4}.product-card-price{font-size:1.25rem;font-weight:600;color:var(--color-primary)}.product-list-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:#fff;border-radius:var(--radius-md);transition:background var(--transition-fast)}.product-list-item:hover{background:#00000005}.product-list-image{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-out forwards}.fade-in-up{animation:fadeInUp .4s ease-out forwards}.slide-in-right{animation:slideInRight .4s ease-out forwards}.scale-in{animation:scaleIn .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.filter-bar{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center;padding:var(--space-md) 0}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-pill);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{border-color:var(--color-primary);background:#2196f30a}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.search-box{display:flex;align-items:center;gap:var(--space-sm);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);width:100%;max-width:400px}.search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2196f31a}.search-box input{border:none;outline:none;flex:1;font-size:.9375rem;background:transparent}.search-box input::placeholder{color:#0006}@media (max-width: 899px){.hero-title{font-size:2.5rem}.hero-stats{gap:var(--space-lg)}.hero-stat-value{font-size:2rem}.product-featured{grid-column:span 1;grid-row:span 1;min-height:300px}}@media (max-width: 599px){.hero{padding:var(--space-xl) var(--space-md);min-height:400px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:var(--space-md)}.tenant-card-stats{flex-wrap:wrap}}