.akarion-section{--primary: ;--primary-light:#fce7ec;--text-dark:#151718;--text-muted:#6b7280;--bg-card:#f9fafb;--border:rgba(,);--border-hover:rgba(,);--icon-color:rgba(,);--icon-color-hover:rgba(,);--icon-bg:rgba(,);--icon-bg-hover:rgba(,);font-family:inherit;margin:0 auto;max-width:1200px;padding:60px 20px}.akarion-header{margin-bottom:50px;text-align:center}.akarion-header h2{color:var(--text-dark);font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:15px}.akarion-header p{color:var(--text-muted);font-size:1.1rem}.akarion-grid{display:grid;gap:24px}.akarion-grid,.akarion-section[data-columns="3"] .akarion-grid{grid-template-columns:repeat(3,1fr)}.akarion-section[data-columns="2"] .akarion-grid{grid-template-columns:repeat(2,1fr)}.akarion-section[data-columns="4"] .akarion-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.akarion-section[data-columns="4"] .akarion-grid{grid-template-columns:repeat(3,1fr)!important}.akarion-grid,.akarion-section[data-columns="2"] .akarion-grid,.akarion-section[data-columns="3"] .akarion-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.akarion-grid,.akarion-section[data-columns="2"] .akarion-grid,.akarion-section[data-columns="3"] .akarion-grid,.akarion-section[data-columns="4"] .akarion-grid{grid-template-columns:1fr!important}}.akarion-card{align-items:flex-start;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:inherit;display:flex;gap:20px;height:100%;padding:24px;text-decoration:none;transition:all .3s ease}.akarion-section[data-hover-enabled=true] .akarion-card:hover{background-color:#fff;border-color:var(--border-hover);box-shadow:0 10px 20px rgba(0,0,0,.05);transform:translateY(-2px)}.akarion-card-link{cursor:pointer}.akarion-card-link:hover{text-decoration:none}.icon-box{align-items:center;background-color:var(--icon-bg);border-radius:8px;color:var(--icon-color);display:flex;flex-shrink:0;height:56px;justify-content:center;transition:all .3s ease;width:56px}.akarion-section[data-hover-enabled=true] .akarion-card:hover .icon-box{background-color:var(--icon-bg-hover);color:var(--icon-color-hover)}.card-content{flex:1}.card-content h3{color:var(--text-dark);font-size:20px;font-weight:700;margin:0 0 8px}.card-content .card-text,.card-content div,.card-content p{color:var(--text-muted);font-size:16px;line-height:1.6}.card-content p{margin:0}