.reference-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;max-width:1400px;margin:60px auto;padding:0 20px}.reference-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);transition:box-shadow .2s ease;overflow:hidden;border:1px solid #e9ecef;height:100%;display:flex}.reference-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#019ede 0,#0174b8 100%)}.reference-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.12)}.reference-item a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;padding:35px 25px;width:100%;min-height:260px}.reference-logo-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:#fff;border-radius:12px;border:2px solid #f1f3f5;padding:25px;flex-shrink:0;position:relative;overflow:hidden}.reference-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block}.reference-image[src*=".jpg"],.reference-image[src*=".png"],.reference-image[src*=".webp"]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.reference-item span{font-size:13px;font-weight:600;color:#2c3e50;text-align:center;line-height:1.5;letter-spacing:.3px;text-transform:uppercase;margin-top:auto;max-width:100%;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;display:flex;align-items:center;justify-content:center}.reference-item:hover span{color:#019ede}.reference-item::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:18px;border:2px solid rgba(1,158,222,.2);border-top-color:#019ede;border-radius:50%;animation:spin .8s linear infinite;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:10}.reference-item.loading::after{opacity:1}.reference-item.loading .reference-image{opacity:.3}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.references-header{text-align:center;margin-bottom:50px;padding:0 20px}.references-header h1{font-size:38px;font-weight:700;color:#2c3e50;margin-bottom:15px;position:relative;display:inline-block}.references-header h1::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:70px;height:3px;background:linear-gradient(90deg,#019ede 0,#0174b8 100%);border-radius:2px}.references-header p{font-size:16px;color:#7f8c8d;max-width:600px;margin:20px auto 0;line-height:1.6}.references-stats{display:flex;justify-content:center;gap:50px;margin:35px 0 0;flex-wrap:wrap}.stat-item{text-align:center;padding:15px 25px;border-radius:12px;background:linear-gradient(135deg,rgba(1,158,222,.05) 0,rgba(1,116,184,.05) 100%)}.stat-number{font-size:32px;font-weight:700;color:#019ede;display:block;margin-bottom:5px}.stat-label{font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;font-weight:600}@media (max-width:1200px){.reference-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.reference-logo-container{width:180px;height:180px;padding:22px}}@media (max-width:1024px){.reference-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.reference-logo-container{width:170px;height:170px;padding:20px}}@media (max-width:768px){.reference-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin:40px auto}.reference-item a{padding:30px 20px;min-height:240px}.reference-logo-container{width:150px;height:150px;padding:18px}.reference-item span{font-size:12px;min-height:36px}.references-header h1{font-size:28px}.references-header p{font-size:14px}.references-stats{gap:30px}.stat-number{font-size:26px}}@media (max-width:480px){.reference-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:0 12px}.reference-item a{padding:25px 15px;min-height:220px}.reference-logo-container{width:130px;height:130px;padding:15px}.reference-item span{font-size:11px;min-height:34px}.stat-item{padding:12px 20px}.stat-number{font-size:22px}.stat-label{font-size:11px}}.reference-image[height="50"],.reference-image[style*="max-width: 50px"],.reference-image[width="50"]{min-width:80px;min-height:80px}@media print{.reference-list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.reference-item{break-inside:avoid;box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}.reference-logo-container{width:150px;height:150px}}