body { background-color: #050505; color: #fff; overflow-x: hidden; }
.glass-card { background: rgba(20, 20, 20, 0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.05); }
.glass-header { background: rgba(5, 5, 5, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(204, 255, 0, 0.3); border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(204, 255, 0, 0.5); }

.product-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(204,255,0,0.07); border-color: rgba(204,255,0,0.3); }

.ambient-glow { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(204,255,0,0.05) 0%, rgba(0,0,0,0) 70%); top: -200px; left: 50%; transform: translateX(-50%); z-index: -1; pointer-events: none; }
.ambient-glow-2 { position: fixed; width: 800px; height: 800px; background: radial-gradient(circle, rgba(204,255,0,0.03) 0%, rgba(0,0,0,0) 70%); bottom: -400px; right: -400px; z-index: -1; pointer-events: none; }

.loader { border: 3px solid rgba(204,255,0,0.1); border-left-color: #ccff00; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.collection-glow { border: 1px solid rgba(204, 255, 0, 0.5); box-shadow: 0 0 15px rgba(204, 255, 0, 0.2), inset 0 0 10px rgba(204, 255, 0, 0.05); animation: collection-pulse 2s infinite alternate; }
@keyframes collection-pulse { from { box-shadow: 0 0 10px rgba(204, 255, 0, 0.1), inset 0 0 5px rgba(204, 255, 0, 0.05); border-color: rgba(204, 255, 0, 0.3); } to { box-shadow: 0 0 25px rgba(204, 255, 0, 0.6), inset 0 0 15px rgba(204, 255, 0, 0.2); border-color: #ccff00; } }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.toast-enter { animation: slideInRight 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
.toast-exit { animation: fadeOutRight 0.3s ease-in forwards; }
@keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes fadeOutRight { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }