@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--background:#0f172a;--surface:#1e293bb3;--primary:#f97316;--primary-hover:#ea580c;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-main);background-image:radial-gradient(at 0 0,#f9731626 0,#0000 50%),radial-gradient(at 100% 100%,#38bdf826 0,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-card{-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border-radius:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.glass-card:hover{border-color:#f973164d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d}.text-gradient{background:linear-gradient(90deg,#f97316,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1,h2,h3{letter-spacing:-.02em;font-weight:800}.hero-title{fontSize:4rem}@media (max-width:768px){.hero-title{font-size:2.5rem!important}}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #f973164d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 8px 25px #f9731680}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.cat-pill:hover{transform:translateY(-2px);background:#f9731633!important;border-color:#f9731680!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-layout{flex-direction:column;gap:32px;display:flex}@media (min-width:992px){.main-layout{flex-direction:row;align-items:flex-start}.main-content{flex:3;min-width:0}.sidebar{flex:1;position:sticky;top:100px}}