.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(105deg,#f8fafc 0%,#dbeafe 48%,#7dd3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}[data-theme=light] .services-hero .gradient-text{background:linear-gradient(105deg,#1e293b 0%,#2563eb 52%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .service-title,[data-theme=light] .service-features li{color:var(--text-main)}[data-theme=light] .service-card{background:#ffffffe6;box-shadow:0 12px 30px #0f172a14}[data-theme=light] .service-features{border-top-color:var(--surface-border)}@media (max-width:640px){.services-hero{padding:96px 16px 42px}.services-hero h1{font-size:clamp(2rem,10vw,3rem)!important}.services-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:28px 22px}}