@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
:root{--bg:#f8fafc;--background:#f8fafc;--foreground:#111827;--text:#111827;--text-secondary:#4b5563;--border:#e8ecf0;--primary:#1a2b3c;--primary-foreground:#fff;--accent:#f3f4f6;--accent-foreground:#1a2b3c;--sidebar-active:#1a2b3c;--primary-gradient:linear-gradient(135deg, #1a2b3c 0%, #374151 100%);--pink-gradient:linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);--purple-gradient:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--blue-gradient:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}ul{padding-left:20px}.grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px #0070f34d}.btn-secondary{color:#fff;background:#1a1a1a}.btn-secondary:hover{opacity:1;background:#2a2a2a}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.gradient-text{background:linear-gradient(135deg,#0070f3 0%,#00d4ff 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.search-bar{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:12px;width:100%;max-width:600px;margin:0 auto;padding:16px 20px;font-size:16px;display:flex}.search-bar input{color:var(--text);border:none;outline:none;flex:1;font-size:16px}.search-bar input::placeholder{color:#999}.category-card{color:#fff;text-align:center;cursor:pointer;border-radius:16px;padding:32px;transition:transform .2s}.category-card:hover{transform:translateY(-4px)}.category-card h3{margin:16px 0 8px;font-size:20px;font-weight:600}.category-card p{opacity:.9;font-size:14px}.product-card{border:1px solid var(--border);background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],textarea,select{border:1px solid var(--border);border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none}
html,body{background-color:var(--background);height:100%;color:var(--foreground);margin:0;padding:0}.layout-container{flex-direction:column;min-height:100vh;display:flex}.layout-body{flex:1;display:flex}.layout-main{flex:1;width:100%;padding:1.5rem;overflow-y:auto}body.cookie-consent-pending,body.cookie-consent-pending .layout-main{overflow:hidden!important}body.cookie-consent-pending .layout-container{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .35s}.skip-link{z-index:9999;background-color:var(--accent-primary,#00d4ff);color:var(--background,#0d1117);border-radius:0 0 .5rem .5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{outline:2px solid var(--foreground,#f8f9fa);outline-offset:2px;top:0}