.references{background:#0d1117;padding:80px 5%;color:#fff;font-family:"Saira Semi Condensed",sans-serif}.ref-header{text-align:center;margin-bottom:40px}.ref-header h2 span{background:linear-gradient(135deg,#1BC2CA,#9249E7);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.ref-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:20px}.filter-btn{padding:10px 20px;border-radius:8px;border:1px solid #fff0;background:#12171e;color:#fff;cursor:pointer;font-weight:600;transition:0.3s}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,#1BC2CA,#9249E7);box-shadow:0 0 12px rgb(146 73 231 / .4)}.ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.ref-card{background:#11151c;border-radius:12px;overflow:hidden;transition:all 0.3s ease;height:380px;display:flex;flex-direction:column}.ref-card.hide{display:none}.ref-image{height:200px;overflow:hidden}.ref-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.ref-card:hover .ref-image img{transform:scale(1.05)}.ref-info{padding:20px;flex-grow:1}.ref-info.center{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.ref-info .domain{color:#1BC2CA;font-size:14px;margin-bottom:6px}.ref-info h3{margin:5px 0;font-size:20px;font-weight:700}.ref-info p{color:#bbb;font-size:14px}.ref-card.show{animation:gentleFloat 0.8s ease-out forwards}@keyframes gentleFloat{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(6px)}50%{opacity:.7;transform:translateY(5px) scale(1.01);filter:blur(2px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}