.foundation-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);overflow:hidden;position:relative}.dark .foundation-card{background:#1f2937;border-color:#374151}.foundation-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#4f46e54d}.foundation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed,#ec4899);opacity:0;transition:opacity .3s ease}.foundation-card:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px -4px #4f46e580,0 4px 12px -2px #7c3aed66;position:relative;overflow:hidden;border:none}.dark .btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 6px 20px -4px #4f46e599,0 4px 12px -2px #7c3aed80}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.dark .btn-primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px -6px #6366f1b3,0 8px 20px -4px #8b5cf699,0 0 0 4px #ec489933;background:linear-gradient(135deg,#6366f1,#8b5cf6 0%,#ec4899);color:#fff}.dark .btn-primary:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6 0%,#ec4899);box-shadow:0 12px 32px -6px #6366f1cc,0 8px 20px -4px #8b5cf6b3,0 0 0 4px #ec48994d}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 0%,#cbd5e1);color:#475569;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -4px #4755694d;position:relative;overflow:hidden;border:2px solid #e2e8f0}.dark .btn-secondary{background:linear-gradient(135deg,#374151,#1f2937 0%,#111827);color:#d1d5db;border-color:#374151;box-shadow:0 4px 12px -4px #0000004d}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.dark .btn-secondary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.btn-secondary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px -6px #47556980,0 8px 20px -4px #64748b66,0 0 0 4px #94a3b833;background:linear-gradient(135deg,#e2e8f0,#cbd5e1 0%,#94a3b8);color:#1e293b;border-color:#cbd5e1}.dark .btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#374151 0%,#1f2937);color:#f3f4f6;border-color:#4b5563;box-shadow:0 12px 32px -6px #00000080,0 8px 20px -4px #0006,0 0 0 4px #6b728033}.btn-secondary:hover:before{left:100%}.btn-secondary:active{transform:translateY(-1px) scale(.98)}.image-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.dark .image-container{background:linear-gradient(135deg,#1f2937,#111827)}.image-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4f46e50d,#7c3aed0d);opacity:0;transition:opacity .3s ease}.foundation-card:hover .image-container:before{opacity:1}.search-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .search-container{background:#1f2937;border-color:#374151}.search-input{border:none;outline:none;background:transparent;font-size:1rem}.search-input:focus{outline:none}.search-input::placeholder{color:#9ca3af}.filter-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9 0%,#e2e8f0);color:#475569;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -4px #47556940;position:relative;overflow:hidden;border:2px solid #e2e8f0}.dark .filter-btn{background:linear-gradient(135deg,#374151,#1f2937 0%,#111827);color:#d1d5db;border-color:#374151;box-shadow:0 4px 12px -4px #00000040}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.dark .filter-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.filter-btn:hover:before{left:100%}.filter-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 32px -6px #47556966,0 8px 20px -4px #64748b4d,0 0 0 4px #94a3b826;background:linear-gradient(135deg,#e2e8f0,#cbd5e1 0%,#94a3b8);color:#1e293b;border-color:#cbd5e1}.dark .filter-btn:hover{background:linear-gradient(135deg,#4b5563,#374151 0%,#1f2937);color:#f3f4f6;border-color:#4b5563;box-shadow:0 12px 32px -6px #0006,0 8px 20px -4px #0000004d,0 0 0 4px #6b728026}.filter-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:700;border-color:transparent;box-shadow:0 6px 20px -4px #4f46e580,0 4px 12px -2px #7c3aed66}.filter-btn svg{color:#475569;transition:color .3s ease}.dark .filter-btn svg{color:#d1d5db}.filter-btn:hover svg{color:#1e293b}.dark .filter-btn:hover svg{color:#f3f4f6}.filter-btn.active svg{color:#fff}.filter-btn.active:hover svg{color:#fff}.filter-btn.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.filter-btn.active:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px -6px #6366f1b3,0 8px 20px -4px #8b5cf699,0 0 0 4px #ec489933;background:linear-gradient(135deg,#6366f1,#8b5cf6 0%,#ec4899);color:#fff}.filter-btn.active:hover:before{left:100%}.filter-btn.active:active{transform:translateY(-1px) scale(.98)}.category-badge{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;font-weight:500}.dark .category-badge{background:linear-gradient(135deg,#1f2937,#111827);color:#d1d5db}.stats-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(226,232,240,.8)}.dark .stats-card{background:#1f2937;border-color:#374151}.hero-section{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-radius:1.5rem;border:1px solid rgba(79,70,229,.2)}.dark .hero-section{background:linear-gradient(135deg,#4f46e533,#7c3aed33);border-color:#4f46e566}.floating-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pulse-animation{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}