.services-hero{background:radial-gradient(circle at top,#6c63ff1a 0%,#0000 70%);padding:120px 20px 60px}.services-detailed{padding:40px 20px 100px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.service-card{background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;padding:40px 30px;transition:all .4s;display:flex;position:relative;overflow:hidden}.service-card:hover{background:#ffffff0d;border-color:#6c63ff66;transform:translateY(-10px);box-shadow:0 15px 40px #0006,inset 0 0 15px #6c63ff1a}.service-icon{color:var(--primary);background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:40px}.service-title{color:#fff;margin-bottom:15px;font-size:22px;font-weight:700}.service-desc{color:var(--text-muted);flex-grow:1;margin-bottom:25px;font-size:15px;line-height:1.6}.service-features{border-top:1px solid #ffffff0d;margin:0;padding:20px 0 0;list-style:none}.service-features li{color:#e2e8f0;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.service-features li i{color:var(--secondary);font-size:14px}.gradient-text{background:linear-gradient(to right, #fff, var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}