.section-separator{align-items:center;display:flex;justify-content:center;margin:60px 0;position:relative;width:100%;z-index:10}.separator-line{background:linear-gradient(90deg,#0000,var(--yelow-color),#0000);flex:1 1;height:1px;max-width:200px}.separator-icon{align-items:center;color:var(--yelow-color);display:flex;font-size:1.5rem;justify-content:center;margin:0 20px}@media (max-width:768px){.section-separator{margin:40px 0}.separator-line{max-width:100px}.separator-icon{font-size:1.2rem;margin:0 15px}}@media (max-width:576px){.section-separator{margin:30px 0}.separator-line{max-width:80px}.separator-icon{font-size:1rem;margin:0 10px}}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0 50%,#e0e0e0);background-size:200% 100%;border-radius:4px;display:inline-block}[data-theme=dark] .skeleton,body.dark .skeleton{background:linear-gradient(90deg,#2a2a2a,#3a3a3a 50%,#2a2a2a);background-size:200% 100%}.skeleton-rect{border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-rounded{border-radius:8px}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}[data-theme=dark] .skeleton-card,body.dark .skeleton-card{background:#1e1e2e;box-shadow:0 2px 8px #0000004d}.skeleton-text{display:flex;flex-direction:column}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.clients-skeleton-header{margin-bottom:40px;text-align:center}.filter-tabs-skeleton{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.client-skeleton-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .client-skeleton-card,body.dark .client-skeleton-card{background:#1e1e2e;box-shadow:0 2px 8px #0000004d}.client-skeleton-image{position:relative;width:100%}.skeleton-badges{height:0;position:relative}.client-skeleton-info{flex:1 1;padding:20px}.skeleton-rating{align-items:center;display:flex;margin-bottom:8px}.skeleton-technologies{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.client-skeleton-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}[data-theme=dark] .client-skeleton-actions,body.dark .client-skeleton-actions{border-top-color:#3a3a3a}@media (max-width:768px){.filter-tabs-skeleton{justify-content:flex-start}.client-skeleton-info{padding:16px}.client-skeleton-actions{padding:12px 16px}}.skeleton-filter{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem 0}.skeleton-filter-btn{border-radius:20px;height:36px;opacity:.7;width:80px}.client-card-skeleton,.skeleton-filter-btn{animation:pulse 1.5s infinite;background:var(--card-bg)}.client-card-skeleton{border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:1rem;min-height:200px;padding:1.5rem}.skeleton-logo{background:#ffffff1a;border-radius:8px;height:40px;margin:0 auto;width:80px}.skeleton-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:center}.skeleton-title{background:#ffffff1a;height:20px;width:70%}.skeleton-text,.skeleton-title{border-radius:4px;margin:0 auto}.skeleton-text{background:#ffffff14;height:16px;width:90%}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.error-message{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:2rem auto;max-width:500px;padding:2rem;text-align:center}.error-message p{color:var(--text-primary);margin-bottom:1rem}.error-message .btn-primary{margin-top:1rem}.client-card-wrapper{flex:0 0 auto;margin-right:2rem;position:relative;width:300px}.card-rating{align-items:center;background:#000000b3;border-radius:12px;color:var(--yelow-color);display:flex;gap:2px;justify-content:center;left:12px;min-width:100px;padding:4px 8px;pointer-events:none;position:absolute;top:12px;white-space:nowrap;z-index:3}.card-rating .stars{flex-wrap:nowrap;justify-content:space-between;width:100%}.card-rating .stars i,.card-rating i{font-size:.85rem!important;line-height:1;min-width:12px}.card-rating .stars{gap:3px}.card-rating i{font-size:1.1rem!important;text-shadow:0 1px 2px #0000004d}.card-rating .stars{display:flex;flex-shrink:0;gap:2px}.card-rating i{color:#ffc107!important;flex-shrink:0;font-size:.9rem!important;opacity:1!important;visibility:visible!important}.card-rating .rating-text{color:#fff!important;display:inline-block;font-size:.8rem!important;line-height:1;margin:0 0 0 4px;text-shadow:0 1px 2px #00000080;white-space:nowrap}.clients-container{background-color:var(--background-color);color:var(--text-color);min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.clients-header{margin-bottom:60px;text-align:center}.clients-header h1{color:var(--yelow-color);display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:15px;position:relative}.clients-header h1:after{background:linear-gradient(to right,var(--yelow-color),var(--primary-color));border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.clients-subtitle{color:var(--text-color);font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.8}.filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:50px}.filter-tab{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;color:var(--text-color);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.filter-tab:hover{background-color:#ffffff1a;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.filter-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 15px #007bff4d;color:#fff}.clients-grid{-webkit-overflow-scrolling:touch;display:flex;gap:2rem;margin:0 auto;max-width:100%;overflow-x:auto;padding:1rem 0 2rem;scroll-behavior:smooth;scrollbar-width:none;width:100%}.clients-grid::-webkit-scrollbar{display:none}.client-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a;cursor:pointer;min-height:360px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.client-card,.client-card-content{display:flex;flex-direction:column;height:100%}.client-card:hover{background-color:#ffffff14;box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.client-card .rating{pointer-events:none}.client-card .rating,.client-card .stars{opacity:1!important;visibility:visible!important}.client-image{flex-shrink:0;height:180px;overflow:hidden;position:relative;width:100%}.client-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.client-card:hover .client-image img{transform:scale(1.05)}.client-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--yelow-color));color:#fff;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}.featured-badge{background:linear-gradient(135deg,var(--yelow-color),#ff8c00);color:var(--background-color);left:1rem}.featured-badge,.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:absolute;top:1rem;z-index:2}.status-badge{right:1rem}.status-badge.live{background:#28a745;color:#fff}.status-badge.development{background:var(--yelow-color);color:var(--background-color)}.status-badge.maintenance{background:#dc3545;color:#fff}.client-info{display:flex;flex-direction:column;flex-grow:1;gap:12px;padding:15px}.client-info h3{color:var(--yelow-color);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.company{color:var(--text-color);font-size:.9rem;margin:0 0 .5rem;opacity:.8}.website-name{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.rating{flex-direction:column!important;margin:1rem 0!important;pointer-events:none!important;width:100%!important}.rating,.stars{align-items:center!important;display:flex!important;justify-content:center!important;opacity:1!important;visibility:visible!important}.stars{gap:.2rem!important}.rating i{color:#ddd!important;font-size:1.2rem!important;opacity:1!important;visibility:visible!important}.rating i.bxs-star{color:#ffc107!important}.rating-text{color:var(--text-color);font-size:.9rem;font-weight:500;margin-top:.5rem;text-align:center}.project-type{margin-bottom:1rem}.type-badge{background-color:#ffffff1a;border-radius:15px;color:var(--yelow-color);font-size:.8rem;font-weight:600;padding:.4rem .8rem}.technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background-color:#ffffff1a;border-radius:12px;color:var(--yelow-color);font-size:.75rem;font-weight:500;padding:.3rem .6rem;transition:all .3s ease}.tech-tag:hover{transform:translateY(-2px)}.tech-tag.more,.tech-tag:hover{background-color:var(--primary-color);color:#fff}.client-actions{display:flex;gap:.75rem;margin-top:auto;padding:0 20px 20px}.view-details-btn,.view-website-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .3s ease}.view-website-btn{background-color:var(--primary-color);color:#fff}.view-website-btn:hover{box-shadow:0 4px 15px #007bff66;transform:translateY(-2px)}.view-details-btn{background-color:#ffffff1a;border:1px solid #fff3;color:var(--text-color)}.view-details-btn:hover{background-color:#fff3;transform:translateY(-2px)}.clients-error,.clients-loading{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--primary-color);height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-clients-message{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-color);grid-column:1/-1;padding:3rem;text-align:center}.client-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.client-modal{background-color:var(--background-color);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #00000080;color:var(--text-color);max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background-color:#ffffff1a;color:var(--yelow-color)}.modal-content{padding:2rem}.modal-header{align-items:flex-start;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-client-info h2{color:var(--yelow-color);font-size:2rem;font-weight:700;margin:0 0 .5rem}.modal-client-info h3{color:var(--primary-color);font-size:1.3rem;font-weight:600;margin:0}.modal-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.modal-image{border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:2rem;overflow:hidden}.modal-image img{height:300px;object-fit:cover;width:100%}.detail-section{margin-bottom:2rem}.detail-section h4{border-bottom:2px solid #ffffff1a;color:var(--yelow-color);font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-item{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;justify-content:space-between;padding:.75rem}.detail-item .label{color:var(--text-color);font-weight:600}.technologies-grid{display:flex;flex-wrap:wrap;gap:.75rem}.review-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:1.5rem}.review-rating{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.review-comment{color:var(--text-color);font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1rem}.review-date{color:var(--text-color);font-size:.9rem;margin:0;opacity:.7}.google-form-link{background-color:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.google-form-link:hover{box-shadow:0 4px 15px #007bff66;color:#fff;transform:translateY(-2px)}.modal-actions{border-top:2px solid #ffffff1a;display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.contact-btn,.visit-website-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.visit-website-btn{background-color:var(--primary-color);color:#fff}.visit-website-btn:hover{box-shadow:0 4px 15px #007bff66;transform:translateY(-2px)}.contact-btn{background-color:#28a745;color:#fff}.contact-btn:hover{background-color:#218838;box-shadow:0 4px 15px #28a74566;transform:translateY(-2px)}@media (max-width:768px){.client-card{flex:0 0 300px;height:380px}.clients-header h1{font-size:2.5rem}.filter-tabs{gap:.5rem}.filter-tab{font-size:.9rem;padding:.5rem 1rem}.clients-grid{gap:1.5rem;grid-template-columns:1fr}.client-modal{margin:1rem;max-height:95vh}.modal-content{padding:1.5rem}.modal-header{flex-direction:column;gap:1rem}.modal-status{align-items:flex-start}.detail-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}@media (max-width:480px){.clients-container{padding:1rem .5rem}.clients-header h1{font-size:2rem}.clients-subtitle{font-size:1rem}.client-card{margin:0 .5rem}.client-info{padding:1rem}.client-actions{padding:0 1rem 1rem}}