.medsbag-roles{font-family:Inter,sans-serif;margin:0 auto;max-width:900px;padding:60px 20px}.medsbag-roles h2{font-family:Poppins,sans-serif;font-size:32px;margin-bottom:8px}.medsbag-roles h2,.roles-intro{color:#000;font-weight:400;text-align:center}.roles-intro{font-family:Inter,sans-serif;font-size:18px;margin-bottom:44px}.roles-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.role-card{animation:fadeInRole .5s ease forwards;background:#fff;border-radius:16px;border-top:4px solid var(--role-color);box-shadow:0 2px 16px rgba(0,0,0,.06);opacity:0;padding:28px 28px 24px;transform:translateY(24px);transition:transform .2s ease,box-shadow .2s ease}.role-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);transform:translateY(-4px)}.role-card:first-child{animation-delay:.15s}.role-card:nth-child(2){animation-delay:.3s}.role-card:nth-child(3){animation-delay:.45s}.role-card:nth-child(4){animation-delay:.6s}@keyframes fadeInRole{to{opacity:1;transform:translateY(0)}}.role-icon{align-items:center;background:#fdf6ef;border-radius:14px;display:flex;font-size:2rem;height:56px;justify-content:center;margin-bottom:12px;width:56px}.role-card h3{color:#000;font-family:Poppins,sans-serif;font-size:27px;font-weight:400;margin:0 0 14px}.role-card ul{list-style:none;margin:0;padding:0}.role-card ul li{border-bottom:1px solid #f5f5f5;color:#000;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:7px 0 7px 24px;position:relative}.role-card ul li:last-child{border-bottom:none}.role-card ul li:before{color:var(--role-color);content:"→";font-weight:600;left:0;position:absolute}@media (max-width:600px){.medsbag-roles{padding:40px 16px}.medsbag-roles h2{font-size:27px}.roles-grid{grid-template-columns:1fr}.role-card{padding:22px}.role-card h3{font-size:20px}}