:root{--primary:#0b6efd;--secondary:#14b789;--accent:#fff;--bg-color:#f7fafc;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--font-heading:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 15px #0b6efd4d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}img{max-width:100%;height:auto;display:block}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(12px);color:#fff;background:#1e293bb3;border:1px solid #ffffff1a}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.btn{border-radius:var(--radius-full);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 14px #0b6efd63}.btn-primary:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 6px 20px #0b6efd80}.btn-secondary{color:var(--primary);border:1px solid var(--border-color);background-color:#fff}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background-color:var(--secondary);color:#fff;box-shadow:0 4px 14px #14b78963}.btn-accent:hover{background-color:#10946d;transform:translateY(-2px);box-shadow:0 6px 20px #14b78980}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-4{margin-top:2rem}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--text-muted)}.grid{gap:1.5rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.category-pills-wrapper{flex:60%;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media (width<=768px){h1,h2,.section-title,.auth-title,.page-title,.hero-h1{font-size:1.5rem!important;line-height:1.3!important}h3,h4,.card-title,.section-subtitle,.auth-subtitle{font-size:1.1rem!important;line-height:1.4!important}.section-header{margin-bottom:1.75rem!important}.grid{gap:.85rem}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(2,1fr)}.section{padding:3rem 0}.container{padding:0 1rem}body{font-size:15px}.category-pills-wrapper{-webkit-overflow-scrolling:touch;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;grid-auto-flow:column;gap:.5rem;width:100%;padding-bottom:.5rem;display:grid;overflow-x:auto}.category-pills-wrapper button{padding:.4rem .85rem!important;font-size:.8rem!important}.product-img-wrapper{height:160px!important;padding:.85rem!important}.product-card h3{font-size:.925rem!important}.product-card p{font-size:.75rem!important}.product-card .card-content{padding:1rem!important}}@media (width<=480px){h1,h2,.section-title,.auth-title,.page-title,.hero-h1{font-size:1.35rem!important;line-height:1.3!important}h3,h4,.card-title,.section-subtitle,.auth-subtitle{font-size:1rem!important;line-height:1.4!important}.grid{gap:.65rem}.product-img-wrapper{height:140px!important;padding:.65rem!important}.product-card{border-radius:var(--radius-md)!important}}.section-header{text-align:center;margin-bottom:3rem;max-width:600px;margin-inline:auto}.section-title{color:var(--text-main);margin-bottom:1rem;font-size:2.5rem}.section-subtitle{color:var(--text-muted);font-size:1.1rem}