*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#151534);font-family:Inter,sans-serif;color:#e0e0ff;overflow-x:hidden}.navbar{position:sticky;top:0;left:0;right:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1e73;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;z-index:10}.logo{font-size:1.8rem;font-weight:600;color:#00fff9}.nav-links a{margin-left:1.5rem;color:#c0c0ff;text-decoration:none;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#00fff9;transform:scaleX(0);transition:transform .3s ease}.nav-links a:hover:after{transform:scaleX(1)}.clock{color:#a0e0ff;font-weight:600}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;padding:2rem}.hero h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(45deg,#00fff9,#8a2be2);-webkit-background-clip:text;color:transparent}.hero p{max-width:600px;margin-bottom:2rem;line-height:1.5}.cta{background:#00fff9;color:#0a0a1a;padding:.8rem 2rem;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:background .3s}.cta:hover{background:#0ff}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 2rem}.search-bar{background:#ffffff1a;border:none;padding:.6rem 1rem;border-radius:8px;color:#e0e0ff;width:250px}.search-bar::placeholder{color:#a0a0c0}.category-slider{display:flex;gap:.5rem;overflow-x:auto}.cat-btn{background:#ffffff1f;border:none;padding:.4rem .8rem;border-radius:6px;color:#e0e0ff;cursor:pointer;transition:background .2s}.cat-btn.active,.cat-btn:hover{background:#00fff9;color:#0a0a1a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:2rem}.card{background:#1414288c;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #00ffff1f;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-8px);box-shadow:0 12px 48px #00ffff40}.card-img{width:100%;height:200px;background-size:cover;background-position:center;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-body{padding:1rem}.card-body h3{color:#00fff9;margin-bottom:.5rem}.price{color:#a0e0ff;font-weight:600}.badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;margin-top:.5rem}.badge.in{background:#0f0;color:#000}.badge.low{background:#ff0;color:#000}.badge.out{background:red;color:#fff}footer{text-align:center;padding:2rem;background:#0a0a1ae6;color:#777}