.clients-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow-x:hidden}.clients-page.loading{display:flex;align-items:center;justify-content:center;height:100vh;background:#0f172a}.loading-spinner{text-align:center;color:#64748b}.spinner{width:50px;height:50px;border:4px solid #1e293b;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.clients-hero{background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.clients-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></svg>');background-size:50px 50px;animation:floatBackground 20s ease-in-out infinite}@keyframes floatBackground{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.clients-hero-content{position:relative;z-index:2}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem}.breadcrumb-link{color:#94a3b8;text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#3b82f6}.breadcrumb-separator{color:#475569;font-size:.8rem}.breadcrumb-current{color:#e2e8f0;font-weight:600}.clients-page-badge{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:#3b82f6}.clients-page-title{color:#f1f5f9;font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clients-page-subtitle{color:#94a3b8;font-size:1.2rem;line-height:1.8;max-width:600px}.clients-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.stat-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;color:white}.stat-number{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:1.1rem;font-weight:500}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem}.client-logo-card{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.client-logo-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.client-logo-container{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:.5rem;overflow:hidden}.client-logo{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.client-logo-card:hover .client-logo{transform:scale(1.05)}.client-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;padding:1rem;text-align:center;transform:translateY(100%);transition:transform .3s ease}.client-logo-card:hover .client-overlay{transform:translateY(0)}.client-name{font-size:1rem;font-weight:600;margin:0}.clients-cta{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:2rem;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.clients-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(59,130,246,0.1)"/></svg>');background-size:100px 100px;animation:floatPattern 15s ease-in-out infinite}@keyframes floatPattern{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(180deg)}}.cta-content{position:relative;z-index:2}.cta-title{font-size:2.5rem;font-weight:800;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{font-size:1.2rem;color:#94a3b8;line-height:1.8;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border:2px solid transparent}.cta-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.3)}.cta-button.secondary{background:transparent;color:#f1f5f9;border:2px solid #475569}.cta-button.secondary:hover{background:#475569;border-color:#64748b;transform:translateY(-2px)}@media (max-width:768px){.clients-page-title{font-size:2.5rem}.clients-page-subtitle{font-size:1rem}.clients-stats{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.client-logo-card{padding:1rem}.client-logo-container{height:80px}.cta-title{font-size:2rem}.cta-description{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.clients-hero{padding:2rem 0}.clients-page-title{font-size:2rem}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.client-logo-container{height:60px}.clients-cta{padding:2rem 1rem}.cta-title{font-size:1.5rem}}