*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--surface: #141419;--surface-hover: #1c1c24;--border: #23232e;--text: #f0f0f5;--text-muted: #8b8b9e;--text-dim: #5a5a6e;--accent: #6c5ce7;--accent-glow: rgba(108, 92, 231, .15);--radius: 14px;--radius-sm: 8px;--radius-full: 9999px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.navbar{position:sticky;top:0;z-index:100;background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-sm);display:grid;place-items:center}.logo-icon svg{width:18px;height:18px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-muted);transition:color var(--transition)}.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:500;border-radius:var(--radius-full);transition:all var(--transition)}.btn-ghost{color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#7c6ef0;transform:translateY(-1px)}.hero{text-align:center;padding:80px 24px 48px;max-width:720px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-glow);border:1px solid rgba(108,92,231,.25);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;color:#a89af5;margin-bottom:24px}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:16px}.hero h1 span{color:var(--accent)}.hero p{font-size:1.1rem;color:var(--text-muted);max-width:480px;margin:0 auto 32px}.search-bar{max-width:560px;margin:0 auto;position:relative}.search-bar input{width:100%;padding:14px 20px 14px 48px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:.95rem;font-family:var(--font);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.search-bar input::placeholder{color:var(--text-dim)}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.search-icon svg{width:18px;height:18px}.toolbar{max-width:1280px;margin:0 auto;padding:32px 24px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-chip{padding:7px 16px;font-size:.8rem;font-weight:500;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition)}.filter-chip:hover,.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-right{font-size:.8rem;color:var(--text-dim)}.toolbar-right select{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-sm);font-family:var(--font);font-size:.8rem;outline:none;cursor:pointer}.cards-section{max-width:1280px;margin:0 auto;padding:8px 24px 80px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 10;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:transform var(--transition),box-shadow var(--transition);cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.card-brand{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:#fff;z-index:1}.card-brand img{height:28px;width:auto;filter:brightness(0) invert(1)}.card-footer{display:flex;justify-content:space-between;align-items:flex-end;z-index:1}.card-category{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.card-price{font-size:.8rem;font-weight:600;color:#ffffffd9}.card--red{background:linear-gradient(135deg,#c0392b,#e74c3c)}.card--green{background:linear-gradient(135deg,#1a8d1a,#27ae60)}.card--blue{background:linear-gradient(135deg,#1a3a8a,#2980b9)}.card--purple{background:linear-gradient(135deg,#6c3483,#8e44ad)}.card--dark{background:linear-gradient(135deg,#1a1a2e,#2d2d44)}.card--orange{background:linear-gradient(135deg,#d35400,#e67e22)}.card--teal{background:linear-gradient(135deg,#0c8a7a,#1abc9c)}.card--pink{background:linear-gradient(135deg,#c0392b,#e91e63)}.card--indigo{background:linear-gradient(135deg,#303f9f,#5c6bc0)}.card--cyan{background:linear-gradient(135deg,#006064,#00acc1)}.card--charcoal{background:linear-gradient(135deg,#1e272e,#485460)}.card--emerald{background:linear-gradient(135deg,#004d40,#00897b)}.site-footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center}.footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-copy{font-size:.8rem;color:var(--text-dim)}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:.8rem;color:var(--text-dim);transition:color var(--transition)}.footer-links a:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .5s ease forwards;opacity:0}.card{animation:fadeUp .4s ease forwards;opacity:0}.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}.card:nth-child(7){animation-delay:.35s}.card:nth-child(8){animation-delay:.4s}.card:nth-child(9){animation-delay:.45s}.card:nth-child(10){animation-delay:.5s}.card:nth-child(11){animation-delay:.55s}.card:nth-child(12){animation-delay:.6s}@media(max-width:768px){.nav-links{display:none}.hero{padding:48px 20px 32px}.hero h1{font-size:1.75rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.card{padding:14px}.card-brand{font-size:1.1rem}.footer-inner{flex-direction:column;text-align:center}}@media(max-width:480px){.cards-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column;align-items:flex-start}}