.modules{background:var(--bg-surface)}
.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.module-card{padding:2rem;border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;cursor:default}
.module-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-accent,var(--accent-violet)),transparent);opacity:0;transition:opacity .4s ease}
.module-card::after{content:'';position:absolute;top:-100%;right:-100%;width:200px;height:200px;background:radial-gradient(circle,var(--card-accent,var(--accent-violet)),transparent 70%);opacity:.04;transition:all .6s ease;pointer-events:none}
.module-card:hover{transform:translateY(-8px);border-color:var(--card-accent,var(--accent-violet));box-shadow:0 20px 60px rgba(109,40,217,0.1)}
.module-card:hover::before{opacity:1}
.module-card:hover::after{top:-50%;right:-50%}
.module-icon{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--card-accent,var(--accent-violet)),rgba(109,40,217,0.1));display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem;transition:transform .3s ease}
.module-card:hover .module-icon{transform:scale(1.1) rotate(-5deg)}
.module-card h3{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:700;margin-bottom:.75rem}
.module-card p{color:var(--text-muted);font-size:.9rem;line-height:1.7}
.module-card .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.module-card .tag{font-size:.7rem;padding:.25rem .75rem;border-radius:100px;background:rgba(109,40,217,0.06);color:var(--accent-violet);border:1px solid rgba(109,40,217,0.1);font-weight:500}
.svc-page-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.85rem;font-weight:600;color:var(--accent-violet);text-decoration:none;transition:all .3s ease;padding:.6rem 1.2rem;border-radius:var(--radius-sm);background:rgba(109,40,217,0.06);border:1px solid rgba(109,40,217,0.12)}
.svc-page-link:hover{background:var(--accent-violet);color:#fff;border-color:var(--accent-violet);transform:translateY(-2px);box-shadow:0 8px 24px rgba(109,40,217,0.25)}
.svc-page-link .arrow{transition:transform .3s ease;font-size:1rem}
.svc-page-link:hover .arrow{transform:translateX(4px)}