*{box-sizing:border-box;margin:0;padding:0}body{background:#0f172a;color:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit;outline:none}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172acc;border-bottom:1px solid #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-content,.logo{align-items:center;display:flex}.logo{font-size:1.25rem;font-weight:600;gap:.5rem}.logo-icon{color:#14b8a6;font-size:1.5rem}.logo-text{color:#f1f5f9}.nav{display:flex;gap:2rem}.nav-link{color:#94a3b8;font-weight:500;transition:color .2s ease}.nav-link:hover{color:#14b8a6}.item-card{background:#1e293b80;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-card:hover{border-color:#14b8a64d;box-shadow:0 20px 40px #0000004d,0 0 0 1px #14b8a61a;transform:translateY(-8px)}.card-image-container{aspect-ratio:4/3;overflow:hidden;position:relative}.card-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.item-card:hover .card-image{transform:scale(1.05)}.card-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;border:1px solid #14b8a633;border-radius:20px;color:#14b8a6;font-size:.75rem;font-weight:500;left:12px;padding:6px 12px;position:absolute;top:12px}.card-content{padding:1.25rem}.card-title{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#94a3b8;display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.card-footer{align-items:center;display:flex;justify-content:space-between}.card-price{color:#14b8a6;font-size:1.25rem;font-weight:700}.home{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero{margin-bottom:3rem;padding:4rem 0;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#14b8a6,#0ea5e9);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{color:#94a3b8;font-size:1.25rem;margin:0 auto;max-width:500px}.section-title{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin-bottom:2rem}.items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading-container{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #14b8a633;border-radius:50%;border-top-color:#14b8a6;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#f87171;padding:2rem;text-align:center}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}