*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f1a;--color-bg-surface:#1a1a2e;--color-bg-card:#16162a;--color-text-primary:#e8e8f0;--color-text-secondary:#9494b8;--color-text-muted:#6b6b8d;--color-accent:#6c63ff;--color-accent-light:#8b83ff;--color-accent-glow:#6c63ff40;--color-danger:#ff4d6a;--color-danger-glow:#ff4d6a33;--color-success:#00d68f;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 4px 24px #0000004d, 0 1px 4px #0003;--shadow-card-hover:0 8px 40px #0006, 0 2px 8px #0000004d;--shadow-glow:0 0 30px var(--color-accent-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}img{max-width:100%;display:block}button{font-family:inherit}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#6c63ff14 0%,#0000 50%),radial-gradient(at 80% 20%,#ff4d6a0d 0%,#0000 50%),radial-gradient(at 50% 80%,#00d68f0a 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;position:relative}.product-card{border:1px solid var(--color-border);background-color:var(--color-bg-card);max-width:100%;box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base), filter var(--transition-slow);border-radius:0;grid-template-columns:1fr;margin:0;display:grid;overflow:hidden}.product-card--sold-out{filter:grayscale();opacity:.7}.product-card--sold-out:hover{box-shadow:var(--shadow-card);transform:none}.product-card__image{height:280px;position:relative;overflow:hidden}.product-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);display:block}.product-card:not(.product-card--sold-out):hover .product-card__image img{transform:scale(1.05)}.product-card__image:after{content:"";background:linear-gradient(to top, var(--color-bg-card) 0%, transparent 100%);pointer-events:none;opacity:.6;height:40%;position:absolute;bottom:0;left:0;right:0}.product-card__info{padding:var(--space-lg);gap:var(--space-md);grid-template-rows:auto auto 1fr auto auto;display:grid}.product-card__title{font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.3}.product-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.product-card__price-section{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.product-card__current-price{font-size:var(--font-size-2xl);background:linear-gradient(135deg, var(--color-danger), #ff7eb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.product-card__old-price{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:2px}.product-card__price-spacer{flex-grow:1}.product-card__discount-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));border-radius:var(--radius-full);box-shadow:0 2px 12px var(--color-accent-glow);justify-content:center;align-items:center;font-weight:700;animation:2s ease-in-out infinite badge-pulse;display:inline-flex}@keyframes badge-pulse{0%,to{box-shadow:0 2px 12px var(--color-accent-glow)}50%{box-shadow:0 2px 24px var(--color-accent-glow), 0 0 40px var(--color-accent-glow)}}.product-card__btn{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);letter-spacing:.02em;color:#fff;background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light));border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-base), background var(--transition-base);border:none;align-self:end;font-weight:600;position:relative;overflow:hidden}.product-card__btn:before{content:"";width:100%;height:100%;transition:left var(--transition-slow);background:linear-gradient(90deg,#0000,#ffffff26,#0000);position:absolute;top:0;left:-100%}.product-card__btn:hover:not([disabled]):before{left:100%}.product-card__btn:hover:not([disabled]){box-shadow:0 4px 20px var(--color-accent-glow), var(--shadow-glow);transform:translateY(-2px)}.product-card__btn:active:not([disabled]){transform:translateY(0)}.product-card--sold-out .product-card__btn,.product-card__btn[disabled]{background:var(--color-bg-surface);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--color-border)}.product-card--sold-out .product-card__btn:before{display:none}.product-card--sold-out .product-card__discount-badge{background:var(--color-bg-surface);color:var(--color-text-muted);box-shadow:none;animation:none}@media (width>=601px){.product-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);grid-template-columns:280px 1fr;max-width:780px;margin:0 auto}.product-card:not(.product-card--sold-out):hover{box-shadow:var(--shadow-card-hover), var(--shadow-glow);border-color:var(--color-border-hover);transform:translateY(-4px)}.product-card__image{height:auto;min-height:350px}.product-card__image:after{background:linear-gradient(to left, var(--color-bg-card) 0%, transparent 100%);opacity:.4;width:30%;height:100%;inset:0 0 0 auto}.product-card__info{padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-lg)}.product-card__title{font-size:1.6rem}.product-card__price-section{flex-wrap:nowrap}}@media (width>=900px){.product-card{grid-template-columns:320px 1fr;max-width:850px}.product-card__info{padding:var(--space-2xl)}}.app{min-height:100vh;padding:var(--space-lg) var(--space-md);flex-direction:column;display:flex}.app__header{text-align:center;padding:var(--space-2xl) var(--space-md) var(--space-xl)}.app__title{font-size:var(--font-size-2xl);letter-spacing:-.03em;color:var(--color-text-primary);font-weight:800}.app__title-accent{background:linear-gradient(135deg, var(--color-accent), var(--color-danger));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app__subtitle{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.app__content{align-items:center;gap:var(--space-xl);padding-bottom:var(--space-2xl);flex-direction:column;flex:1;display:flex}.app__footer{text-align:center;padding:var(--space-lg) var(--space-md);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.02em}@media (width>=601px){.app{padding:var(--space-xl) var(--space-xl)}.app__title{font-size:2.5rem}}