@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#9a35f9;--secondary-color:#f97316;--text-dark:#1a1a2e;--text-light:#64748b;--background-light:#f8fafc;--border-color:#e2e8f0;--shadow-light:0 4px 6px -1px rgba(0,0,0,.1);--shadow-hover:0 20px 25px -5px rgba(0,0,0,.1);--gradient-purple:linear-gradient(135deg,#9a35f9,#7c3aed);--gradient-bg:linear-gradient(135deg,#f8fafc,#fff)}body{color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.6}.services-container{margin:0 auto 2rem;max-width:1200px;padding:4rem 2rem;position:relative}.services-header{margin-bottom:4rem;margin-top:2rem;position:relative;text-align:center}.services-header:before{background:var(--gradient-purple);border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:-2rem;transform:translateX(-50%);width:80px}.services-subtitle{color:var(--primary-color);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;position:relative;text-transform:uppercase}.services-title{background:linear-gradient(135deg,var(--text-dark) 0,var(--primary-color) 100%);-webkit-background-clip:text;color:var(--text-dark);font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent;background-clip:text}.services-description{color:var(--text-light);font-size:1.125rem;margin:0 auto;max-width:600px}.services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem}.service-card{background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-light);cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.service-card:before{background:var(--gradient-purple);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.service-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:64px}.service-card:hover .service-icon{transform:scale(1.1)}.service-icon img{height:64px;object-fit:cover;width:64px}.service-title{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.service-description{color:var(--text-light);font-size:1rem;line-height:1.7}.service-card:nth-child(odd){animation:slideInLeft .8s ease-out}.service-card:nth-child(2n){animation:slideInRight .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.floating-elements{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-circle{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,rgba(154,53,249,.1),rgba(124,58,237,.05));border-radius:50%;position:absolute}.floating-circle:first-child{animation-delay:0s;height:100px;left:10%;top:10%;width:100px}.floating-circle:nth-child(2){animation-delay:2s;height:60px;right:10%;top:60%;width:60px}.floating-circle:nth-child(3){animation-delay:4s;bottom:20%;height:80px;left:5%;width:80px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.service-card{opacity:0;transform:translateY(60px)}.animate-up{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.service-card:first-child{transition-delay:.05s}.service-card:nth-child(2){transition-delay:75ms}.service-card:nth-child(3){transition-delay:.1s}.service-card:nth-child(4){transition-delay:.125s}.service-card:nth-child(5){transition-delay:.15s}.service-card:nth-child(6){transition-delay:.175s}@media (max-width:768px){.services-container{padding:2rem 1rem}.services-title{font-size:2rem}.services-grid{gap:1.5rem;grid-template-columns:1fr}.service-card{padding:2rem}.floating-circle{display:none}}@media (max-width:480px){.services-title{font-size:1.75rem}.service-card{padding:1.5rem}.service-icon{height:56px;width:56px}}